客户端：代码如下：（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 + "：我是来自服务器的文字！"); | ||||
| } | ||||
| %> | 本文转自钢钢博客园博客，原文链接：http://www.cnblogs.com/xugang/archive/2010/08/07/1794755.html，如需转载请自行联系原作者 |