ASP.NET- 透過AJAX連結前後端

2012-09-26

ASP.net,AJAX

透過Ajax來傳遞前後端方法、參數使用

環境：win7、IIS7、ASP.net 4.0

Step 1. 加入ajax.dll參考

下載點：Ajax.rar

Step2. 在網頁後端 Page_Load 加入宣告

Ajax.Utility.RegisterTypeForAjax(typeof(your class name));

Step3. 透過 [Ajax.AjaxMethod()] 建立方法

Step4.設定 Web.config (注意！這邊ASP.net版本不同會有不一樣的設定)

一、IIS 6　版以下

請在　<system.web> </system.web>　之間貼上以下程式碼

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

二、IIS7 版本

請在<system.webServer> </system.webServer>　之間貼上以下程式碼

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

Step5.　在網頁前端使用JavaScript 呼叫後端的方法

function timer() {
            var str = Jury.returnString().value;
            alert(str + "123");           
  }

用法："page名稱"."方法名稱"()

如果方法有回傳值　使用var 變數來承接並且後面加上.value