AJAX技巧的风起云涌，也使得B/S利用的表现 力日益加强，大有逐步吞食C/S领地之势。利用 ajaxpro.dll，你可以从JavaScript客户调用.NET法子 。   

　　首先下载ajaxpro.dll，你可以从获得。最新版本是6.4.15.1，下载解压后的文件夹中有个AjaxPro.dll，就是它了。应用 VS2005新建web项目,并添加对AjaxPro.dll的引用，然后在Web配置文件中添加：

　　　<httpHandlers> 　　<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/> 　　</httpHandlers>

　　这个配置项表明所有的ajaxpro/*.ashx恳求（即从客户发送的Ajax恳求）都交给AjaxPro.AjaxHandlerFactory处理 ，而不是由默认的System.Web.UI.PageHandlerFactory来处理 。新建的web项目有个默认的_Default页面，我们为其加上命名空间如MyAjaxNetTest，然后在_Default的HTML第一句也要加上这个名目空间： 　

　　<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="MyAjaxNetTest._Default" %>   

　　然后在PageLoad中注册本页面到AjaxPro中： 　

　　protected void Page_Load(object sender, EventArgs e) 　　{ 　　AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default)); 　　}

　　 测试一：

　　 一切已经筹办就绪了，我们先进行第一个测试，从客户调用服务端的简略法子 。首先在_Default类中添加法子 ：

　　[AjaxPro.AjaxMethod] 　　public string GetServerTime() 　　{ 　　return DateTime.Now.ToString(); 　　}

　　客户现在可以在JS中调用这个法子 了，如

　　<script type="text/javascript"> 　　function getTime() 　　{ 　　alert(MyAjaxNetTest._Default.GetServerTime().value); 　　} 　　</script>  　　

　　然后你可以加个HTML的button，onclick处理 函数设为getTime()。

　　<input id="Button1" type="button" value="button" onclick="getTime()"/>　　  　

　　 测试二：

　　 为GetServerTime法子 添加static润色，测试仍然成功 !

　　测试三：

　　简略法子 调用已经OK了，GetServerTime法子 返回的是一个简略的string,那么服务端可不可以返回稍微繁杂一点的对象了？我们来试试。先新建一个Student类： 　

    　public class Student 　　{ 　　public string Name = "sky" ; 　　public int Age = 26; 　　}

　　服务端添加GetStudent法子 ：

 　　[AjaxPro.AjaxMethod] 　　public Student GetStudent() 　　{ 　　return new Student(); 　　}

　　对应的，客户端添加调用：

  　   　function getStudent() 　　{ 　　var stu = MyAjaxNetTest._Default.GetStudent().value ; 　　alert(stu.Name + " " + stu.Age) ; 　　}

　　遵循前面的加个HTML按钮测试getStudent函数，答案是，一切照我们预感的进行，客户js可以造访服务端返回的对象。

        测试四：

　　最后看看能够在客户端提交对象给服务器，先在服务端添加法子 ： 　

    　private Student student = null; 　　[AjaxPro.AjaxMethod] 　　public void SetStudent(Student stu) 　　{ 　　this.student = stu; 　　string name = this.student.Name; 　　}

　　可以在第六行添加断点，然后当客户端调用时，会进入该断点。

　　客户端添加调用：

　　function putStudent() 　　{ 　　var stu = MyAjaxNetTest._Default.GetStudent().value ; 　　stu.Name = "chenqi" ; 　　MyAjaxNetTest._Default.SetStudent(stu) ; 　　}   

　　同样，当调用putStudent这个js法子 时，服务端进入断点已经表明客户成功 的提交了对象，并且对象的Name字段已经转变为“chenqi”了。

　　测试五：

　　前面客户设置的都是Student的public字段，那么造访属性如何了？我们将Student定义更改如下： 　

        　public class Student 　　{ 　　private string name = "sky" ; 　　public int Age = 26; 　　public string Name 　　{ 　　get 　　{ 　　return this.name; 　　} 　　set 　　{ 　　this.name = value; 　　} 　　} 　　}

　　再重复 前面的测试，效果我想已经在你的料想 中了。

　　单从前面的几个小测试，我已经创造了应用 Ajaxpro.dll的方便 与迅捷，看来B/S开发不再像我以前感受的那样繁琐了。

        异步调用：

　　function getValue() 　　{ 　　MyAjaxNetTest._Default.getValue(getGroups_callback); 　　} 　　function getGroups_callback(response) 　　{ 　　var dt = response.value; 　　alert(dt); 　　} 　　　

　　Ajax根基

　　（1）创立 XmlHttp对象

　　function createXMLHttp() 　　{ 　　var xmlHttp ; 　　if(window.ActiveXObject) 　　{ 　　xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") ; 　　} 　　else if(window.XMLHttpRequest) 　　{ 　　xmlHttp = new XMLHttpRequest() ; 　　} 　　return xmlHttp; 　　}

　　（2）POST Ajax恳求 　

    　function startRequest() 　　{ 　　var xmlHttp=createXMLHttp() ; 　　xmlHttp.onreadystatechange = handleStateChangeComplex ; 　　xmlHttp.open("POST" ,"Default.aspx?timeStamp="+ new Date().getTime(),true) ; //true为异步 false为同步 　　xmlHttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded") ;//Post法子 首部设置，必须 　　xmlHttp.send(null); //send法子 必须 要，参数一般为null 　　}    

　　（3）处理 异步效果

       function handleStateChangeComplex() 　　{ 　　if(xmlHttp.readyState == 4) 　　{ 　　if(xmlHttp.status == 200) 　　{ 　　document.getElementById("results").innerText = xmlHttp.responseText ; 　　} 　　} 　　}　　

　　get法子 同步

       function tb(){ 　　var xmlHttp=createXMLHttp(); 　　xmlHttp.open("get","http://localhost/Test/myFile.txt?timeStamp="+ new Date().getTime(),false); 　　xmlHttp.send(null); 　　alert("Status is "+xmlHttp.status+" ("+xmlHttp.statusText+")"); 　　alert("Response Text is: "+xmlHttp.responseText);

　　本站技术原创栏目文章均为中睿原创或编译，转载请注明：文章来自中睿，本站保留追究责任的权利。