Posted inTechnology / Ajax / JavaScript / jQuery / Mysql / Mysqli / php

Display JSON Data from database using php using jquery ajax

Display JSON Data from database using php using jquery ajax

Welcome on Pakainfo.com – Examples ,The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to Display JSON Data from database using php using jquery ajax

In this post we will show you Best way to implement how to retrieve data from database in php using jquery ajax, hear for How to Display JSON Data with jQuery and Ajax with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

JSON stands for for (Java Script Object Notation) is a simple lightweight parametrs data passing format and some human readable very easy contains java structures.
In this post I will be learn to explain Creating simple JSON file as well as PHP source and Display some JSON data using call back of jquery and Ajax.
Using JSON you can interchange all the data between the client side browsers and the server Like as a PHP.

index.html


 
live24u | web - devlopig - Programming Blog
http://www.Pakainfo.com
 
jQuery and Ajax Demos
Display-JSON-Data-with-jQuery-and-Ajax
 

JSON Structure

{"website_list": 
[
{ 
"post_name":"live24u | Programming Blog", 
"web-url":"http://www.Pakainfo.com" 
}, 
{ 
"post_name":"live24u - jQuery and Ajax Demos", 
"web-url":"Display-JSON-Data-with-jQuery-and-Ajax"
}, 
]
}

Javascript Code



Load Click using jquery

$(".data-load").click(function()
{
----//your some code
----//your some code
return false;
});
 

Creating JSON file with PHP : Database Table live_post

CREATE TABLE live_post
{
id INT PRIMARY KEY AUTO_INCREMENT,
post_name VARCHAR(200),
web-url VARCHAR(200)
}

live_json.php – Contains simple PHP code.


Loading PHP file

If we want to data-load PHP file replace some javascript code jquery $.getJSON(“data.js”,function(data)to

$.getJSON("live_json.php",function(data)

Example

I hope you have Got Display JSON Data in HTML Table using jQuery and AJAX And how it works.I would Like to have FeadBack From My Blog(Pakainfo.com) readers.Your Valuable FeadBack,Any Question,or any Comments abaout This Article(Pakainfo.com) Are Most Always Welcome.

I am Jaydeep Gondaliya , a software engineer, the founder and the person running Pakainfo. I'm a full-stack developer, entrepreneur and owner of Pakainfo.com. I live in India and I love to write tutorials and tips that can help to other artisan, a Passionate Blogger, who love to share the informative content on PHP, JavaScript, jQuery, Laravel, CodeIgniter, VueJS, AngularJS and Bootstrap from the early stage.

Leave a Reply

Your email address will not be published. Required fields are marked *

We accept paid guest Posting on our Site : Guest Post Chat with Us On Skype