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.
You may need access to a printer, scanner, webcam, or dongle connected to another computer.…
In today's fast-paced digital world, the logistics and supply chain sector is encountering unprecedented challenges…
Website navigation and speed play a significant role in the success of online business. Attractive…
Welcome to your ultimate guide to Jackpot joy, the crown jewel of UK online casinos!…
The demand for mobile apps has risen rapidly. The reason? The modern customers proactively rely…
In recent years, a significant shift has occurred in the automotive industry as electric vehicles…
View Comments
WOW just what I was looking for. Came here by searching for json.