AJAX在VS2005中的簡單應用

AJAX不用說大家都明白,不明白的請百度或Google一下人家比我說的專業,筆者寫此篇文章不在於介紹多深奧的東西,這樣只舉一個很簡單的例子來引導到大家.此例只為讓大家明白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" onclick="return comit_onclick()" /＞
＜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);