Ajax is Asynchronous JavaScript and XML for for asynchronous web applications. Using ajax data from a server asynchronously retrieved and display without reloading the page. So JSON with Ajax is no exception.
JSON stands for JavaScript Object Notation. So, in simple terms JSON is a way of formatting the data. For, e.g., transmitting it over a network.
The key advantage of using JSON is quality programming. JSON is less expressed and covered, resulting in fewer bytes and a faster parsing process which allows us to process more messages sent as JSON than as XML.
In our previous article, we have already discussed the Syntax of JSON.
Now let’s see how jQuery can help us to load JSON encoded data from a remote source.
<!DOCTYPE html>
<html>
<body>
<h1>Student List</h1>
<div id="studentDiv"></div>
<script>
$.ajax({
url: 'ajax.php',
type: 'GET',
data: 'class=v',
success: function(response) {
var arr = JSON.parse(response);
var i;
var str = "<table>";
for(i = 0; i < arr.length; i++) {
str += "<tr><td>" +
arr[i].Name +
"</td><td>" +
arr[i].Class +
"</td><td>" +
arr[i].Subject +
"</td></tr>";
}
str += "</table>";
$("#studentDiv").html(str);
},
error: function(e) {
console.log(e.message);
}
});
</script>
</body>
</html> JSON is a de-facto standard format for exchanging any text data. jQuery’s $.getJSON() method gives a nice little helper for dealing with almost any scenario that involves a request for JSON formatted data.
Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.
Sinus infections, impacting approximately 31 million Americans each year, represent a significant health concern stemming…
Pros And Cons Of AI: Artificial Intelligence directly translates to conceptualizing and building machines that…
We all live on the internet; we use it for everything. Thus, when it comes…
Introduction: Pink eye, or conjunctivitis, is a common eye condition characterized by redness and inflammation…
Small businesses are the backbone of the economy. Still, they often face daunting hurdles when…
Introduction: As the chill of winter settles in or a bout of cold weather strikes,…
View Comments
WOW just what I was looking for. Came here by searching for json.