zoukankan      html  css  js  c++  java
  • ajax代码及简单封装

     1  var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); //创建XMLHTTP对象,考虑兼容性
     2             xmlhttp.open("POST", "AJAXTest.ashx?" + "i=5&j=10", true); //“准备”向服务器的GetDate1.ashx发出Post请求(GET可能会有缓存问题)。这里还没有发出请求
     3             xmlhttp.onreadystatechange = function ()
     4             {
     5                 if (xmlhttp.readyState == 4) //readyState == 4 表示服务器返回完成数据了。之前可能会经历2(请求已发送,正在处理中)、3(响应中已有部分数据可用了,但是服务器还没有完成响应的生成)
     6                 {
     7                     if (xmlhttp.status == 200) //如果状态码为200则是成功
     8                     {
     9                         alert(xmlhttp.responseText);
    10                     }
    11                     else
    12                     {
    13                         alert("AJAX服务器返回错误!");
    14                     }
    15                 }
    16             }
    17 //不要以为if (xmlhttp.readyState == 4) {在send之前执行!!!!
    18             xmlhttp.send(); //这时才开始发送请求
    19 //发出请求后不等服务器返回数据,就继续向下执行,所以不会阻塞,界面就不卡了,这就是AJAX中“A”的含义“异步”。试着在ashx加一句Thread.Sleep(3000);
    20 
    21 简单的ajax封装:
    22  function ajax(url,onsuccess,onfail)
    23         {
    24             var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
    25             xmlhttp.open("POST", url, true);
    26             xmlhttp.onreadystatechange = function ()
    27             {
    28                 if (xmlhttp.readyState == 4)
    29                 {
    30                     if (xmlhttp.status == 200)
    31                     {
    32                         onsuccess(xmlhttp.responseText);
    33                     }
    34                     else
    35                     {
    36                         onfail(xmlhttp.status);
    37                     }
    38                 }
    39             }
    40             xmlhttp.send(); //这时才开始发送请求
    41         }
  • 相关阅读:
    软件测试技术实战 设计、工具及管理(51Testing软件测试网作品系列)
    MATLAB智能算法超级学习手册
    HTML与CSS入门经典(第9版)
    深入理解Android 5 源代码
    中文版Dreamweaver CS6基础培训教程(第2版)
    可用性测试手册(第2版)
    网络综合布线系统与施工技术第4版
    PHP核心技术与最佳实践(第2版)
    [OC Foundation框架
    [OC Foundation框架
  • 原文地址:https://www.cnblogs.com/Steven-shi/p/5129978.html
Copyright © 2011-2022 走看看