Ajax入門(附全碼)_AX

Ajax是Web2.0的技術特徵之一.憋了好久,終於今天有時間來寫一下,本人也是在剛剛起步階段,有不同見解大家共同探討哈!

大體的過程是這樣的.
①先建立一個XMLHttpRequest對象.
②確定該對象的狀態改變時要調用的javascript指令碼.   說白了就是你通過該對象與後台進行通訊完成後要執行什麼操作.即:收到伺服器的響應後，需要做什麼。
③向後台發送請求.   發送後獲得的接受結果(如果有接收結果)在②中調用的指令碼中操作.
【源碼】
/*頁面部分,在頁面中添加以下指令碼*/

<script language="javascript" type="text/javascript">
<!--
var xmlHttp;  //聲明XMLHttpRequest對象
//建立XMLHttpRequest對象
function createXMLHttpRequest()
{
       if(window.ActiveXObject)    //如果是IE瀏覽器
       {
           xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
       }
       else if(window.XMLHttpRequest)     //非IE瀏覽器
        {
         xmlHttp=new XMLHttpRequest();
        }
        else
        {
         return;
        }
}

//主要過程
function startRequest()
{
 creatXMLHttpRequest();    //①
 xmlHttp.onreadystatechange=handleStateChange;   //②
 xmlHttp.open("GET",AX.aspx?flag="AX"&email="AXzhz@163.com",true);  //③  參數1:提交方式為GET,
 xmlHttp.send();                                                         //參數2:提交的頁面及附帶的參數 參數3:非同步通訊
}

//要調用的指令碼,即收到伺服器的響應後，需要做什麼。
function handleStateChange()
{
     if(xmlHttp.readyState==4)//響應完成
    {
       if(xmlHttp.status==200)//響應正常/OK
         {
               /*正常響應後,你要做什麼操作都寫到這裡*/
               var result = xmlHttp.responseText;   //取得背景傳回值             
               alert("Ajax操作完成,從後台返回的值為"+result);
          }
       else
       {
           alert("很抱歉!\n"+xmlHttp.statusText+xmlHttp.status);
       }  
    }
 else
 {
  alert("很抱歉!Ajax沒有完成響應!!");
 }
}
//-->
<script>

 /*提交到的AX.aspx網頁後台部分*/
首先:把AX.aspx的頁面部分(HTML代碼)刪乾淨,只剩第一行代碼,再對後台代碼部分進行操作

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace AXzhang
{
 /// <summary>
 /// initializeSearch 的摘要說明。
 /// </summary>
 public class initialize: System.Web.UI.Page
 {
  private void Page_Load(object sender, System.EventArgs e)
  {
    //擷取Ajax傳過來的參數,這裡我只擷取了其中的一個參數.
    string result=Request.QueryString["flag"].ToString();
    result+=":from AX.aspx";
    //把result返回給頁面
    Response.Write(result);
  }

  #region Web Form設計器產生的程式碼
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 該調用是 ASP.NET Web Form設計器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  /// <summary>
  /// 設計器支援所需的方法 - 不要使用代碼編輯器修改
  /// 此方法的內容。
  /// </summary>
  private void InitializeComponent()
  {   
   this.Load += new System.EventHandler(this.Page_Load);
  }
  #endregion
 }
}

----------------------------------------------------------------------------------------------
好了,Ajax的整個請求過程就完成了,自己動手吧,別光看著!
注:這隻是Ajax應用的一小部分.........
【總結】傳遞和接收的參數好像只能是一個字串,所以在需要傳送多個變數時需要把它們組合到一個字串中,獲得該串後再把它手動拆開......不知道誰有別的好辦法沒有.

本人是在該網頁的指導下學會的,強烈建議新手去看看:
http://www.bizwiki.cn/teamblog/?p=25