AJAX JSON 实例
AJAX JSON 实例
我们可以通过AJAXJSON数据。AJAX提供了异步响应的工具。它不会重新加载并节省带宽。
让我们看使用AJAXJSON数据的简单示例。
<html> <head> < content="text/html; charset=utf-8"> <title>AJAX JSON by Javatpoint 前端之家 F2er.com</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>