AJAX簡單測試代碼實例
更新時間:2015年03月30日 17:03:17 作者:xugang
這篇文章主要介紹了AJAX簡單測試代碼,以一個簡單實例分析了Ajax的實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了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;
//創(chuàng)建異步對象
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ā)送異步請求
function sendRequest(){
//傳入一個 myname 參數(shù) 和 一個用于解決IE緩存問題的實時毫秒數(shù)
xmlhttp.open("GET","AJAX_servers.aspx?myname=xg&" + new Date().getTime());
//指定當readyState屬性改變時的事件處理句柄onreadystatechange
xmlhttp.onreadystatechange = funState;
xmlhttp.send(null);
}
//獲取異步結(jié)果
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();">發(fā)送</button>
<div id="divShow"></div>
</body>
</html>
服務(wù)器端:代碼如下:(AJAX_servers.aspx )
復(fù)制代碼 代碼如下:
<%@ 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ù)器的文字!");
}
%>
<%
if (Request.HttpMethod == "GET")
{
string str = Request.QueryString[0];
Response.Write(str + ":我是來自服務(wù)器的文字!");
}
%>
希望本文所述對大家的Ajax程序設(shè)計有所幫助。
相關(guān)文章
jquery中的ajax如何返回結(jié)果而非回調(diào)方式即為同順序執(zhí)行
默認ajax是異步的,也就是在未響應(yīng)到結(jié)果時不影響向下的執(zhí)行,如果非要返回結(jié)果的話,將ajax 中的參數(shù) async 改為 false,即為同順序執(zhí)行2014-05-05
AJAX下的請求方式以及同步異步的區(qū)別小結(jié)
AJAX中的請求方式以及同步異步的區(qū)別小結(jié),學(xué)習(xí)ajax處理請求的朋友可以參考下。2010-08-08
Ajax讀取數(shù)據(jù)到表格的實現(xiàn)代碼
前兩篇我們講了 ajax開始的準備 與及如何使用ajax技術(shù)進行簡單的數(shù)據(jù)讀?。?/div> 2010-10-10最新評論

