ホームページ >ウェブフロントエンド >jsチュートリアル >JSでJSONデータを取得するための簡単な呼び出しについて(コードは添付されていますが、単純かつ粗雑です)

JSでJSONデータを取得するための簡単な呼び出しについて(コードは添付されていますが、単純かつ粗雑です)

亚连
亚连オリジナル
2018-05-18 10:49:332947ブラウズ

以下は、JS で 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=&#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>

上記は、JS で JSON データを取得するために私がまとめた簡単な呼び出しです。将来役立つことを願っています。

関連記事:

初心者向けvideo.jsの使い方メモ(コード添付)

ネイティブJSと他のJSの違いについて語る

jsの関数の前に!を追加する際の問題、コード添付

以上がJSでJSONデータを取得するための簡単な呼び出しについて(コードは添付されていますが、単純かつ粗雑です)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。