獲取地址上的ID（頁面與服務器的交互）

時間 2019-12-02

標籤獲取地址頁面服務器交互简体版

原文原文鏈接

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <script type="text/javascript" src="../../js/system.js"></script>
 8 <body>
 9     ID號:<div id="showID"></div>
10          <input type="button" value="獲取" id="btn">
11 <script type="text/javascript">
12     $$("btn").onclick = function () {
13         var url = "http://ama.adwo.com/advmessage/adv/addResultJsonP.action?advid=30125";
14         var xhr = null;//因爲要進行兼容性處理，先設爲空
15         //兼容性處理
16         if (window.XMLHttpRequest) {//通常的瀏覽器使用
17             xhr = new XMLHttpRequest();
18         } else if (window.ActiveXObject) {//IE6如下使用
19             xhr = new ActiveXObject("Microsoft.XMLHTTP");
20         }
21         //先打開這個對象
22         xhr.open("GET", url, true);//發送數據的方式GET,路徑url，
23         //而後再發送請求
24         xhr.send();
25         xhr.onreadystatechange = function () {
26             if (xhr.readyState == 4) {//請求已完成，且響應已就緒
27                 //200對應OK,如404-未找到網頁
28                 if (xhr.status == 200) {//"OK"
29                     //獲取到了url地址裏的內容
30                     var need = xhr.response;
31                     //截取中間大括號裏的字符串,包含大括號
32                     var st = need.split("[")[1];
33                     var stt = st.split("]")[0];
34                     //將獲取到的字符串轉換成對象，並取名爲c
35                     eval("var c=" + stt);
36                     $$("showID").innerHTML = c.id;
37                     comm.cl(xhr.response);
38                 }
39             }
40         }
41     };
42 </script>
43 </body>
44 </html>

相關標籤/搜索