About the simple call to get JSON data in JS (the code is attached, simple and crude)-JS Tutorial-php.cn

About the simple call to get JSON data in JS (the code is attached, simple and crude)

亚连

Release： 2018-05-18 10:49:33

Original

2888 people have browsed it

The following is what I have compiled for you about simple calls to obtain JSON data in JS. Interested students can take a look.

<!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=&#39;color:red;&#39;>" + json.dealers[i].name + "</font>  <br/>";  
           salesphone+="经销商电话：<font style=&#39;color:red;&#39;>" + json.dealers[i].salesphone + "</font>  <br/>";  
           dealerlocation+="经销商经纬度：<font style=&#39;color:red;&#39;>" + 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>

Copy after login

The above is a simple call I compiled for you to get JSON data in JS. I hope it will be helpful to you in the future.

Entry-level video.js usage notes (code attached)

Talk about native JS and Other JS differences

In regards to adding ! in front of function in js, the code is attached

The above is the detailed content of About the simple call to get JSON data in JS (the code is attached, simple and crude). For more information, please follow other related articles on the PHP Chinese website!