客戶端：代碼如下：（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 + "：我是來自服務器的文字！"); |
|
} |
|
%> |
