Ajax之初步練習

從http://ajax.net/下載一個壓縮包，解開過後有一個txt的quick usage guide和一個DOC的AJAX .Net Wrapper usage guide以及一個DLL。

嗯，看看TXT的先。瞭解到AJAX開發的大概步驟：

一、項目中建立一個引用，把ajax.dll引用進來。

二、修改web.config檔案，加入

<httpHandlers>

 

          <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory,Ajax" />

 

</httpHandlers>

 

三、在頁面的page_load事件中添加如下代碼：

 

Ajax.Utility.RegisterTypeForAjax(typeof(WebForm1));

 

到這兒，頁面就可以使用Ajax了。

 

 

可以在後台代碼中寫一個函數，在用戶端進行調用。比如：

 

[Ajax.AjaxMethod()]

 

public int ServerSideAdd(int firstNumber, int secondNumber)

 

{

 

       return firstNumber + secondNumber;

 

}

 

這兒[Ajax.AjaxMethod()]這句是一定要加的。不然在用戶端沒有辦法使用。

 

這樣，在用戶端就可以直接使用這個ServerSideAdd方法了。比如：

function add2()

{

 var re=WebForm1.ServerSideAdd(Form1.first.value,Form1.second.value )

Form1.result.value =re.value;

}

 

大家可以看到在JS中，這個服務端的方法前還跟了一個WebForm1，這是頁面對應的類名。

TXT檔案中的例子只是讓大家初步瞭解一下Ajax的一些作用，當然還有更強大的啦。作為用戶端使用的方法，傳回值不只可以是普通的如int、string這樣的類型，還可以返回如DataSet和class這樣的複雜類型，這也為用戶端的“強javascript”提供了可能，讓開發人員在介面上就可以進行“物件導向”的開發。

同時，Ajax中的無重新整理也是它的亮點之一。有名的組件ComponentArt新出的3。0產品，就有Call-back組件，大家有興趣的話可以試試。

轉自：http://www.shpan.com/Detail.asp?ID=378