AJAX 学习笔记[二] 我编写的AJAX 测试代码示例

来源：互联网发布：淘宝原单店铺推荐编辑：程序博客网时间：2024/06/06 19:48

客户端：代码如下：（AJAX_test.html ）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
  var xmlhttp;
  //创建异步对象
  function initXmlHttp(){
     if(window.ActiveXObject){        //IE浏览器
         xmlhttp = new window.ActiveXObject("Microsoft.XMLHTTP");
     }
     else if(window.XMLHttpRequest){  //非IE浏览器
         xmlhttp = new window.XMLHttpRequest();
     }
  }
  window.onload = initXmlHttp;
  
  //发送异步请求
  function sendRequest(){
      //传入一个 myname 参数 和 一个用于解决IE缓存问题的实时毫秒数
      xmlhttp.open("GET","AJAX_servers.aspx?myname=xg&" + new Date().getTime());
      //指定当readyState属性改变时的事件处理句柄onreadystatechange
      xmlhttp.onreadystatechange = funState;
      xmlhttp.send(null);
  }
  
  //获取异步结果
  function funState(){
      if( xmlhttp.readyState == 4)
      {
          if( xmlhttp.status == 200  ||  //status==200 表示成功！
             xmlhttp.status == 0)       //本机测试时，status可能为0。
          {
              var re = xmlhttp.responseText;
              //alert(re);
              document.getElementById("divShow").innerHTML = re;
          }
      }
  }
</script>
</head>

<body>
<button onclick="sendRequest();">发送</button>
<div id="divShow"></div>
</body>
</html>

服务器端：代码如下：（AJAX_servers.aspx ）

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AJAX_servers.aspx.cs" Inherits="Web_1.AJAX_servers" %>
<%
    if (Request.HttpMethod == "GET")
    {
        string str = Request.QueryString[0];
        Response.Write(str + "：我是来自服务器的文字！");
    }
%>