Json Data string from database records![]() Json string carries data to the parent application which we will display using JavaScript objects. To generate json string we will use php function json_encode(). We have our student table which has four fields ( id, name, class , mark). By using this we will develop some sample scripts to generate json string and then get back the data after parsing the string using JSON.parse. Download the demo script with sample data at end of this tutorial
Getting a single recordLet us first try by collecting and returning a single record from our student table. For better security we have used PDO to connect to MySQL data base and getting the records. We have not discussed the mysql data collection part here, only the data formatting is shown.
In above code we have used json_encode function to generate the json string. Here is the output or the Json string
The above string is passed to JavaScript to parse the Json string and to get the data. here is the code.
Watch the first line in above code. We have used JSON.parse to create JavaScript object. We can also use eval() like this
It is not a good idea to use eval() as it can execute any JavaScript script so it is a security problem. However JSON.parse is not yet supported by all the advance browsers. So if it is not supported then we can keep another external JavaScript file json2.js downloaded from https://github.com/douglascrockford/JSON-js
Along with single data row we will also try to send few more data . We are sending two arrays of data here. There are two members one is data and other one is value. Each member contains two arrays containing some objects.
Above two lines are required changes in main code. You can see we have added message, bgcolor ( background colour ) etc. to be posted to main script. Here it is how to get the data from JavaScript object in main script.
Array of recordsWe will generate json string from an array of data records. Here is the code to get data and return the Json string
Here is the Json string as output
Using mysqli database connection
Receiving dataIn above code we have kept one array of data ( array name is data ) and some single data. Now we will learn how to receive these data and display them.Inside your Ajax function first let us try to collect the whole bunch of data.
We know the array name is data. So we will loop through the array to display each row of record of the array.
In addition to these array of records we have some single records stored in value. Here one sample to retrieve them
Similarly another one
Displaying data or calling from a file.Different scripts can call any file which displays data in Json string. For example we can keep all the code inside one PHP file and give the name as data1.php
We will keep xmlhttprequest() in another file data1-read.php ( Only JavaScript code )
Or we can call this page by using jQuery
We can also use Ajax to call function
To see the example on how this code is used, you can read our Ajax based PHP MySQL Paging script Subscribe to our YouTube Channel here
This article is written by plus2net.com team.
https://www.plus2net.com
![]() | ||||
▼ Click for more tutorial on Ajax & PHP
| ||||