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>無標(biāo)題文檔</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());
//指定當(dāng)readyState屬性改變時的事件處理句柄onreadystatechange
xmlhttp.onreadystatechange = funState;
xmlhttp.send(null);
}
//獲取異步結(jié)果
function funState(){
if( xmlhttp.readyState == 4)
{
if( xmlhttp.status == 200 || //status==200 表示成功！
xmlhttp.status == 0) //本機(jī)測試時，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)文章
AJAX 是與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁的藝術(shù)，在不重新加載整個頁面的情況下。接下來通過本文給大家介紹Ajax教程實例詳解，對ajax相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-03-03
我所舉的這個例子是一個企業(yè)用戶注冊時的一個應(yīng)用，當(dāng)用戶注冊時檢查用戶名和企業(yè)名是否可用，以前的做法是在旁邊加一個按鈕，點擊“檢查”，就向服務(wù)器發(fā)出請求，然后等待……服務(wù)器返回信息，繼續(xù)操作。2008-12-12
這篇文章主要為大家詳細(xì)介紹了Ajax實現(xiàn)二級聯(lián)動菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
編碼為GB2312網(wǎng)站讓AJAX接收的數(shù)據(jù)顯示支持中文
GB2312 網(wǎng)站AJAX接收的數(shù)據(jù)顯示支持中文2010-01-01
JQuery中Ajax的Post提交在IE下中文亂碼的解決方法
在JQuery的Ajax POST請求中，進(jìn)行請求，其中的中文在后臺，顯示為亂碼，在FF/Chrome中，可以正常傳遞中文，但是在IE下，則存在問題2014-05-05
下面小編就為大家?guī)硪黄獪\談Ajax和JavaScript的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
Ajax 網(wǎng)址備忘...2006-06-06
這篇文章主要介紹了AJAX對服務(wù)器返回XML的處理方法,實例分析了Ajax的實現(xiàn)技巧及針對XML返回數(shù)據(jù)的處理方法,需要的朋友可以參考下2015-03-03
json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法
今天小編就為大家分享一篇json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05
Ajax輪詢請求狀態(tài)(微信公眾號帶參數(shù)二維碼登錄網(wǎng)站)
最近做了一個項目，其中有功能要求通過掃碼微信公眾號帶參數(shù)的二維碼來登錄網(wǎng)站，接下來小編給大家介紹實現(xiàn)思路及代碼，一起看看吧2016-09-09