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

- 日理万妓 2021-09-19 09:00 233阅读 0赞

##  ##

**客户端：**代码如下：（AJAX\_test.html ）

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

**服务器端：**代码如下：（AJAX\_servers.aspx ）

<table style="border:0px;"> 
 <tbody> 
 <tr> 
 <td> &lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AJAX_servers.aspx.cs" Inherits="Web_1.AJAX_servers" %&gt; </td> 
 </tr> 
 <tr> 
 <td>&lt;%</td> 
 </tr> 
 <tr> 
 <td> if (Request.HttpMethod == "GET")</td> 
 </tr> 
 <tr> 
 <td> { </td> 
 </tr> 
 <tr> 
 <td> string str = Request.QueryString[0];</td> 
 </tr> 
 <tr> 
 <td> Response.Write(str + "：我是来自服务器的文字！");</td> 
 </tr> 
 <tr> 
 <td> }</td> 
 </tr> 
 <tr> 
 <td>%&gt;</td> 
 <td> </td> 
 <td> </td> 
 <td> </td> 
 <td>本文转自钢钢博客园博客，原文链接：http://www.cnblogs.com/xugang/archive/2010/08/07/1794755.html，如需转载请自行联系原作者</td> 
 </tr> 
 </tbody> 
</table>