AJAX簡單測試代碼實(shí)例

更新時(shí)間：2015年03月30日 17:03:17 作者：xugang

這篇文章主要介紹了AJAX簡單測試代碼,以一個(gè)簡單實(shí)例分析了Ajax的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了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)建異步對(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ī)測試時(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 ）

復(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ù)器的文字！");

    }

%>

希望本文所述對(duì)大家的Ajax程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

AJAX
代碼

相關(guān)文章

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