An example on how to use jQuery and Ajax.NET Professional together

Get Started with the AjaxPro code

Ajax.NET Professional (AjaxPro) is a Ajax Framework for the Microsoft .NET Framework which you can use with any .NET language like C#, VB.NET, J# to create JavaScript proxies to invoke any .NET method from the client-side. Download the AjaxPro.2.dll (for .NET 2.0) from http://www.ajaxpro.info/, add the reference and setup the web.config:

 <configuration>   <location path="ajaxpro">     <system.web>       <httpHandlers>         <add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>       </httpHandlers>     </system.web>   </location> </configuration>

Next we need to write our .NET method that will return the data we will ask for. A simple static method can be used with nearly any .NET data type, but I recommend to use only structs/classes with JavaScript similar data types for the properties.

 namespace MyNamespace {   public class MyClass   {     [AjaxPro.AjaxMethod]     public static string HelloWorld(string s)     {       return "Hello " + s;     }   } }

[edit]

The Ajax endpoint

To get the name of the Ajax request endpoint you must use the namespace, classname and the assembly name like below:

 string path = "/ajaxpro/MyNamespace.MyClass,"; path += typeof (MyClass).Assembly.FullName.Split(',')[0]; path += ".ashx";

Write the above string to a JavaScript variable using RegisterHiddenField or any other way.

[edit]

Run the AjaxPro request

The next step would be to use jQuery to invoke the AjaxPro request. I used a very simple example to show what you need.

 $.ajax({   type: "POST",   url: MyAjaxPath,     // this is the path from above   data: '{"s":"Hans"}',   beforeSend: function(xhr) {     xhr.setRequestHeader("X-AjaxPro-Method", "HelloWorld");   },   success: function(s) {     var o = null;     eval("o = " + s + "*"+"/");     alert(o);   } });