search

Home >Web Front-end >JS Tutorial >About the simple call to get JSON data in JS (the code is attached, simple and crude)

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

亚连
亚连Original
2018-05-18 10:49:332951browse

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>

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.

Related articles:

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!

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Entry-level video.js usage notes (code attached)Next article：Entry-level video.js usage notes (code attached)

Related articles

See more