AJAX在VS2005中的簡單應用

ajax

　　AJAX不用說大家都明白,不明白的請百度或GOO一下人家比我說的專業,筆者寫此篇文章不在於介紹多深奧的東西,這樣只舉一個很簡單的例子來引導到大家.此例只為讓大家明白AJAX的基本的調用需要做那些事情筆者用的是VS2005引用AJAX2.0程式集(AjaxPro.2.dll) 。

　　在web.config檔案中的＜system.web＞加入以下設定

＜httpHandlers＞ 　＜add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/＞ ＜/httpHandlers＞

　　3. 建立一個頁面Default.aspx

　　4. 在Default.aspx.cs檔案的Page_Load中註冊AJAX可調用的類的名稱

protected void Page_Load(object sender, EventArgs e) { 　AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default)); }

　　5. 建立AJAX可調用的方法:

[AjaxPro.AjaxMethod] public string SetTb(string name) { 　return name; }

　　注意:[AjaxPro.AjaxMethod]是定義AjaxPro可調用的方法,是必須要註明的

　　6. 前台代碼:

＜%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %＞ ＜!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 runat="server"＞ ＜title＞無標題頁＜/title＞ ＜script language="javascript" type="text/javascript"＞ // ＜!CDATA[ function comit_onclick() { 　var name=document.getElementById("tb1").value; 　_Default.SetTb(name,callback); } function callback(res) { 　document.getElementById("tb").value=res.value; } // ]]＞ ＜/script＞ ＜/head＞ ＜body＞ ＜form id="form1" runat="server"＞ ＜div＞ ＜asp:TextBox ID="tb1" runat="server"＞＜/asp:TextBox＞＜br /＞ ＜input id="comit" type="button" value="Ok" /＞ ＜br /＞＜asp:TextBox ID="tb" runat="server"＞＜/asp:TextBox＞ ＜/div＞ ＜/form＞ ＜/body＞ ＜/html＞

　　注意:這裡值得注意的地方是 _Default.SetTb(name,callback);這句話是為了調用_Default.aspx.cs後台代碼中SetTb這個方法的,如果這個方法沒有要傳遞的參數則指明返回的處理方法是哪一個就OK了,寫成_Default.SetTb(callback);