Asp.net JavaScript 中执行后台函数

      往往需要在JS中执行C#函数，通过执行数据库操作，获得相关信息，以便前台进行判断，避免页面刷新。方法很多，我知道的有下面几种：
1.AjaxPro方法
a.准备工作
下载下来的AJAX.NET的类库AjaxPro.dll，如果是使用.NET2.0 就引用AjaxPro2.dll
首先修改WEB.CONFIG文件
 在<system.web> 节点内增加
<httpHandlers>
     <addverb="*"path="*.ashx"type="AjaxPro.AjaxHandlerFactory,AjaxPro"/>
</httpHandlers>
b然后在Page_Load事件中注册页面类
如我将使用AJAX的页面类名为Device_Move_Edit_Moves ，注册语句就这样写：     
AjaxPro.Utility.RegisterTypeForAjax(typeof(Device_Move_Edit_Moves));
//**作用实际上是在页面被请求的时候生成几句调用JS的SCRIPT代码(无论是否回传，都要执行)
c、编写服务器端处理函数    
   Code
 1    Page_UnLoad#region Page_UnLoad
 2    [AjaxPro.AjaxMethod()]
 3    public string UnLoad(string MoveID)
 4    {
 5        bool result = mybiz.Exit_Edit("pcd_Move", "MoveID", MoveID);//查询数据库
 6        base.Sleep();
 7        return Framework.Globals.CurrentUser.UserID + "-- " + "--" + result.ToString();
 8
 9    }
10
11    #endregion

‘[AjaxPro.AjaxMethod]’这句是关键，函数或方法写法没什么特别的地方，只是要使用这句声明这个函数是由AJAX.NET在页面异步请求的，总之记住要通过AJAX获得数据的后台函数就使用[AjaxPro.AjaxMethod]来声明一下。

另外，在AJAX.NET中如果处理函数需要对SESSION进行操作，‘[AjaxPro.AjaxMethod]’需要改成‘[AjaxPro.AjaxMethod(AjaxPro.HttpSessionStateRequirement.ReadWrite)]’在 [AjaxPro.AjaxMethod(AjaxPro.……)]  的‘…… ’部分ajax.net还提供了其他很多方法，可以处理一些特殊的请求。

还有一点注意，如果使用Application，直接读取或写入Application也是不行的，需要使用HttpContext.Current.Application，同样对 Request的访问也需要使用HttpContext.Current.Request。原因是直接使用的Application 或Request等 都是由Page类继承下来的，而用Ajax.net对后台方法访问的时候，这些方法并不属于Page类。但是Session比较特殊，使用 HttpContext.Current.Session仍然不能访问，必须使用上面一段所用的方法并且直接就用Session就行。

d、客户端代码

在我的这个示例中，使用‘Page_UnLoad("测试用的传递的字符串参数");’请求后台的函数，然后返回一个OBJECT对象，这个OBJECT的VALUE属性就可以得到后台函数的返回值

如：

function Page_Init()
{ 
     var result = Device_Move_Edit_Moves.UnLoad(MoveID); //页类名.方法名
     alert(result.value);
}

UnLoad就是声明了的那个AJAX可调用的方法名

()中的参数也就是UnLoad函数所需要的参数

客户端异步请求这个函数所得到的和平时我们用函数返回的稍微不同的就是，平时直接得到函数类型的返回值，而使用AJAX.NET客户端异步请求后台函数得到的是个OBJECT，要通过这个OBJECT的VALUE属性才能得到函数返回的值。

Ajax.AjaxControls.Fun 中的参数除了对应后台函数的参数外，最后可以使用一个表达式参数，这个参数是某个客户段函数名，设置后，Ajax.AjaxControls.Fun请求后所获得OBJECT对象将被做为 表达式参数函数的一个参数传递到该函数中，然后通过这个OBJECT参数的VALUE就可以获得 AJAX请求后台函数所返回的值了

通过这几个步骤 就可以做出一个简单的使用Ajax.net结合.NET的示例页面了。

使用后的感受：

总体感觉上使用起来很方便，很简单，但是执行效率很低。
弊端：页面不能启用局部刷新。如果页面中使用了  ScriptManager ，需要将EnablePartialRendering值为false,
关闭页面局部刷新功能。
 <asp:ScriptManager ID="SM" runat="server" EnablePartialRendering="false" >
 </asp:ScriptManager>
      
2.使用XMLHttpRequest对象
         XMLHttpRequest是一个JavaScript对象，它由微软创立并被Mozilla接受。你可以使用它来轻松的通过HTTP处理数据。尽管它的名字里含有xml，但是它的使用范围却并不局限于xml。
         原理：创建这个对象的一个实例，打开一个URL，然后发送请求。然后，你就可以在那个请求对象中找到HTTP状态代码和结果文档。     

Code
 1           <script language="javascript" type="text/javascript">
 2var request = false;
 3   try {
 4     request = new XMLHttpRequest();
 5   } catch (trymicrosoft) {
 6     try {
 7       request = new ActiveXObject("Msxml2.XMLHTTP");
 8     } catch (othermicrosoft) {
 9       try {
10         request = new ActiveXObject("Microsoft.XMLHTTP");
11       } catch (failed) {
12         request = false;
13       }  
14     }
15   }
16   if (!request)
17     alert("Error initializing XMLHttpRequest!");
18   function getCustomerInfo() {
19     var phone = document.getElementById("phone").value;
20     var url = "Ajax_DB_server.aspx?phone=" + escape(phone);/**////**1.传递参数
21     request.open("GET", url, true);
22     request.onreadystatechange = updatePage;
23     request.send(null);
24   }
25   function updatePage() {
26     if (request.readyState == 4) {
27       if (request.status == 200) {
28         var response = request.responseText.split("|");/**////**2.执行结果
29         alert( response[0]);
30         alert( response[1]);
31          
32       } else
33         alert("status is " + request.status);
34     }
35   }
36    </script>

     Ajax_DB_server.aspx页后台代码    

Ajax_DB_server.aspx.cs
 1  protected void Page_Load(object sender, EventArgs e)
 2    {
 3        string phone = Request.QueryString["phone"].ToString().Trim();
 4        string hint = "NO Hint| NO Hint";
 5        //** 这里可以执行数据库查询，获得结果。
 6        if (phone == "1")
 7              hint = "1111|1111";
 8        else if (phone == "2")
 9              hint = "2222|22222";       
10        Response.Clear();
11        Response.Write(hint);
12        Response.End();
13    }

使用后的感受：

总体感觉上使用起来有点麻烦，但是执行效率很高。不要忘了Ajaxpro也是通过XMLHttpRequest对象实现的。
适用举例：
如1.TextBox值发生变化时，自动执行检测。
 <asp:TextBox ID="UserName"  onpaste="return false"  onChange="getCustomerInfo();"   
runat ="server" ></asp:TextBox>用户填写用户名后，将自动检测该用户名是否可用。
2.当用户关闭页面时执行相关操作，同Ajaxpro。