获取JSON数据简单调用代码,Js代码库,德仔网

代码语言

代码分类

【Js】获取JSON数据简单调用

作者:涣海 / 发布于2017/3/13/ 417

获取JSON数据简单调用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <title>异步调用JSON</title>
  </head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript">
  <!--
   var xmlhttp;
    // 创建XMLHTTPRequest对象
    function createXMLHTTPRequest()
    {
         if(window.ActiveXObject)//②如果当前浏览器为IE
         {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
         else if(window.XMLHttpRequest)//③如果是其他浏览器
         {
            xmlhttp = new XMLHttpRequest();
         }else
         {
             alert("Your browser does not support XMLHTTP.");
        }
    }
    
    function getInfo()
    {
      createXMLHTTPRequest();
      xmlhttp.open("get", "http://audicms.ogilvy.com.cn/webapp/front/dealerapi!getdealerlist.action", true);
      xmlhttp.onreadystatechange = returnInfo;
      xmlhttp.send(null);
    }
    
    function returnInfo()
    {
      if(xmlhttp.readyState == 4)
      {
       var info = xmlhttp.responseText;
       eval("var json= " + info);
       var message="";
	   var dealerlocation="";
	   var salesphone="";
      for(var i=0;i<json.dealers.length;i++){
		   message+="经销商名称：<font style='color:red;'>" + json.dealers[i].name + "</font>??<br/>";
           salesphone+="经销商电话：<font style='color:red;'>" + json.dealers[i].salesphone + "</font>??<br/>";
		   dealerlocation+="经销商经纬度：<font style='color:red;'>" + json.dealers[i].location + "</font>??<br/>";
	  }
	   

       document.getElementById("showInfo").innerHTML = message;
	   document.getElementById("salesphone").innerHTML = salesphone
	   document.getElementById("location").innerHTML=dealerlocation;
      }
    }

  -->
  </script>
  <body>
  
  <br/><br/>
  <h2 style="color: red;">异步调用JSON</h2>
  <br/><input type="button" value="获取JSON数据" onclick="getInfo()" />
   <table>
    <tr>
	<td><div id="showInfo"></div></td>
	<td><span id="salesphone"><span></td>
    <td><span id="location"><span></td>
	</tr>
   </table>
  </body>
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

涣海贡献的其它代码(14)