DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> AJAX簡單測試代碼實例
AJAX簡單測試代碼實例
編輯:AJAX基礎知識     

本文實例講述了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;
 //創建異步對象
 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 + ":我是來自服務器的文字!");
    }
%>

希望本文所述對大家的Ajax程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved