AJAX कोड द्वारा JSON हम Data को प्राप्त कर सकते हैं . AJAX प्रतिक्रिया Asynchronous के लिए सुविधा प्रदान करता है और यह Page लोड नहीं करता है और यह Bandwidth को Save करता है.
AJAX Client Side पर परस्पर Web Development तकनीक के एक समूह के रूप में उपयोग किया जाता है, ताकि Asynchronous Web Applications को बना सके.
Client और Server के बीच AJAX अपडेट पास करने के लिए कई Developers JSON का उपयोग करते हैं . इसके आलावा Live Sports Scores को अपडेट करने वाली Websites को AJAX के एक उदाहरण के रूप में माना जाता है .
AJAX का उपयोग करके अपडेट किया गया कोई भी Data Web Server पर JSON के प्रारूप का उपयोग करके Store किया जा सकता है.
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8">
<title>AJAX JSON by Tutorialsroot</title>
<script type="application/javascript">
function load()
{
var url="http://date.jsontest.com/";//use any url that have json
data var request;
if(window.XMLHttpRequest){
request=new XMLHttpRequest();//for Chrome, mozilla etc
}
else if(window.ActiveXObject){
request=new ActiveXObject("Microsoft.XMLHTTP");//for IE only
}
request.onreadystatechange = function(){
if (request.readyState == 4 )
{
var jsonObj = JSON.parse(request.responseText);//JSON.parse()
returns JSON object
document.getElementById("date").innerHTML = jsonObj.date;
document.getElementById("time").innerHTML = jsonObj.time;
}
}
request.open("GET", url, true);
request.send();
}
</script>
</head>
<body>
Date: <span id="date"></span><br/>
Time: <span id="time"></span><br/>
<button type="button" onclick="load()">Load Information</button>
</body>
</html>