• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    AJAX简单异步通信实例分析

    本文实例讲述了AJAX简单异步通信的方法。分享给大家供大家参考。具体分析如下:

    客户端:向服务器发出一个空请求。

    代码如下:

    html>
    head>
    title>XMLHttpRequest/title>
    script language="javascript">
    var xmlHttp;
    function createXMLHttpRequest(){
      if(window.ActiveXObject)
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      else if(window.XMLHttpRequest)
        xmlHttp = new XMLHttpRequest();
    }
    function startRequest(){
      createXMLHttpRequest();
      xmlHttp.open("GET","9-1.aspx",true);
      xmlHttp.onreadystatechange = function(){
        if(xmlHttp.readyState == 4  xmlHttp.status == 200)
          alert("服务器返回: " + xmlHttp.responseText);
      }
      xmlHttp.send(null);
    }
    /script>
    /head>
    body>
    input type="button" value="测试异步通讯" onClick="startRequest()">
    /body>
    /html>

    服务器端:向客户端直接返回一个字符串。

    代码如下:

    复制代码 代码如下:
    %@ Page Language="C#" ContentType="text/html" ResponseEncoding="gb2312" %>
    %@ Import Namespace="System.Data" %>
    %
        Response.Write("异步测试成功,很高兴");
    %>

    问题一:

    由于IE 浏览器会自动缓存异步通信的结果,不会实时更新服务器的返回结果。(但Firefox 会正常刷新)

    为了解决异步连接服务器时IE 的缓存问题,更改客户端代码如下:

    var sUrl = "9-1.aspx?" + new Date().getTime(); //地址不断的变化
    xmlHttp.open("GET",sUrl,true);

    在访问的服务器地址末尾添加一个当前时间的毫秒数参数,使得每次请求的URL地址不一样,从而欺骗IE 浏览器来解决IE 缓存导致的更新问题。

    问题二:

    当测试程序时,如果客户端和服务器端都在同一台计算机上时,异步对象返回当前请求的http状态码 status == 0 ,于是再次更改客户端代码如下:

    //if(xmlHttp.readyState == 4  xmlHttp.status == 200)
    if( xmlhttp.readyState == 4)
    {
       if( xmlhttp.status == 200 || //status==200 表示成功!
         xmlhttp.status == 0 ) //本机测试时,status可能为0。
          alert("服务器返回: " + xmlHttp.responseText);
    }

    于是,最终的客户端代码如下:

    html>
    head>
    title>XMLHttpRequest/title>
    script language="javascript">
    var xmlHttp;
    function createXMLHttpRequest(){
      if(window.ActiveXObject)
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      else if(window.XMLHttpRequest)
        xmlHttp = new XMLHttpRequest();
    }
    function startRequest(){
      createXMLHttpRequest();
      var sUrl = "9-1.aspx?" + new Date().getTime(); //地址不断的变化
      xmlHttp.open("GET",sUrl,true);
      xmlHttp.onreadystatechange = function(){
        //if(xmlHttp.readyState == 4  xmlHttp.status == 200)
        if( xmlhttp.readyState == 4)
        {
         if( xmlhttp.status == 200 || //status==200 表示成功!
           xmlhttp.status == 0) //本机测试时,status可能为0。
          alert("服务器返回: " + xmlHttp.responseText);
         }
      }
      xmlHttp.send(null);
    }
    /script>
    /head>
    body>
    input type="button" value="测试异步通讯" onClick="startRequest()">
    /body>
    /html>

    希望本文所述对大家的Ajax程序设计有所帮助。

    您可能感兴趣的文章:
    • AJAX机制详解以及跨域通信
    • ajax实现远程通信
    • 快速获取Ajax通信对象的方法
    上一篇:AJAX简单测试代码实例
    下一篇:AJAX机制详解以及跨域通信
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    AJAX简单异步通信实例分析 AJAX,简单,异步,通信,实例分析,