AJAX JSON示例

2024年1月26日 268次阅读 来源: ajax教程

我们可以通过AJAX代码获取JSON数据。 AJAX提供了异步获取响应的工具。 它不会重新加载页面并节省带宽。

AJAX JSON示例

下面我们看一个使用AJAX代码获取JSON数据的简单示例。

<html>  
<head>  
<meta content="text/html; charset=utf-8">  
<title>AJAX JSON by Javatpoint</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>

        原文作者：ajax教程
        原文地址: https://www.yiibai.com/ajax/ajax-json.html
        本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
    点赞