本文實(shí)例講述了AJAX簡(jiǎn)單測(cè)試代碼。。具體如下:
客戶端:代碼如下:(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>無標(biāo)題文檔</title><script type="text/javascript"> var xmlhttp; //創(chuàng)建異步對(duì)象 function initXmlHttp(){ if(window.ActiveXObject){ //IE瀏覽器 xmlhttp = new window.ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ //非IE瀏覽器 xmlhttp = new window.XMLHttpRequest(); } } window.onload = initXmlHttp; //發(fā)送異步請(qǐng)求 function sendRequest(){ //傳入一個(gè) myname 參數(shù) 和 一個(gè)用于解決IE緩存問題的實(shí)時(shí)毫秒數(shù) xmlhttp.open("GET","AJAX_servers.aspx?myname=xg&" + new Date().getTime()); //指定當(dāng)readyState屬性改變時(shí)的事件處理句柄onreadystatechange xmlhttp.onreadystatechange = funState; xmlhttp.send(null); } //獲取異步結(jié)果 function funState(){ if( xmlhttp.readyState == 4) { if( xmlhttp.status == 200 || //status==200 表示成功! xmlhttp.status == 0) //本機(jī)測(cè)試時(shí),status可能為0。 { var re = xmlhttp.responseText; //alert(re); document.getElementById("divShow").innerHTML = re; } } }</script></head><body><button onclick="sendRequest();">發(fā)送</button><div id="divShow"></div></body></html>
服務(wù)器端:代碼如下:(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 + ":我是來自服務(wù)器的文字!");
}
%>
希望本文所述對(duì)大家的Ajax程序設(shè)計(jì)有所幫助。
|
新聞熱點(diǎn)
疑難解答
圖片精選