DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> Asynchronous JavaScript and XML (AJAX) 的初步認識
Asynchronous JavaScript and XML (AJAX) 的初步認識
編輯:AJAX詳解     

下載Ajax.dll  http://AJax.schwarz-interactive.de/csharpsample/default.ASPx 

第一個范例建議參考其QuickGuide,感覺不錯
再這裡引用一下
AJax .Net Wrapper quick usage guide
Karl Seguin - http://www.openmymind.Net/ - copyright 2005

(vIEw AJaxGuide.doc for more detailed information)


Step 1 -
   Create a reference to the AJax.dll file

Step 2 - Set up the HttpHandler
In the web.config, set up the HttpHandler, like:

<configuration>
  <system.web>
    <httpHandlers>
    <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, AJax" />
    </httpHandlers> 
    ...
  <system.web>
</configuration>


Step 3 -
In the Page_Load event, call the following function:

'vb.Net
Public Class Index
  Inherits System.Web.UI.Page

  Private Sub Page_Load(sender As Object, e As EventArgs) Handles MyBase.Load
    Ajax.Utility.RegisterTypeForAJax(GetType(Index))
  '...
  end sub
  '...
End Class


//C#
public class Index : System.Web.UI.Page{
   private void Page_Load(object sender, EventArgs e){
      Ajax.Utility.RegisterTypeForAJax(typeof(Index));     
      //...
   }
   //... 
}

Step 4 -
In the codebehind of your page, add functions (like you normally would) that you'd like to be able to asynchrounsly called by clIEnt-side scripting.  Mark these functions with the AJax.JavascriptMethodAttribute():

//C#
[Ajax.AJaxMethod()]
public int ServerSideAdd(int firstNumber, int secondNumber)
{
return firstNumber + secondNumber;
}

'VB.Net
<Ajax.AJaxMethod()> _
Public Function ServerSideAdd(ByVal firstNumber As Integer, ByVal secondNumber As Integer) As Integer
 Return firstNumber + secondNumber
End Function

The wrapper will automatically create a JavaScript function named "ServerSideAdd" which accepts to parameters.  When called, this server-side function will be called and the result returned.


Step 5 -
Using Javascript, you can invote the ServerSideAdd function like you would any other JavaScript function.  You can call it using the two parameters, or optionally pass a call back function.  The name of the function is, by default, <name of class>.<name of server side function>, such as Index.ServerSideAdd:

alertIndex.ServerSideAdd(100,99));

OR

Index.ServerSideAdd(100,99, ServerSideAdd_CallBack);

function ServerSideAdd_CallBack(response){
 alert(response.value);
}

The response exposes three propertIEs, error, value and request.


Note that you can return more complex objects that simple types.


See the demo for additional information:
http://AJax.schwarz-interactive.de/csharpsample/default.ASPx

自己模仿它做出了第一個范例,希望更多人參與討論

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved