AJAX简单测试代码实例_Ajax

AJAX简单测试代码实例

本文实例讲述了ajax简单测试代码。分享给大家供大家参考。具体如下：

客户端：代码如下：（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 + "：我是来自服务器的文字！");

    }

%>

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