• 获取地址上的ID(页面与服务器的交互)


     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>
  • 相关阅读:
    04: Dom
    03: JavaScript基础
    02: css常用属性
    01: html常用标签
    03: Memcached
    01: Redis缓存系统
    01: RabbitMQ
    04: 事件驱动、五种I/O操作、I/O多路复用select和epoll
    03: 进程、线程、协程
    [Android] 任意时刻从子线程切换到主线程的实现
  • 原文地址:https://www.cnblogs.com/zfj-world/p/4819823.html
Copyright © 2020-2023  润新知