AJAX学习2(经典)

还是更上次的例子一样,只是这次不是用最原始的方法去实现了,这次是用AJAX.NET进行开发

1、配置及安装AJAX.NET,这个就不在这里说了,不会就google下吧。

2、直接步入主题,前端代码:

1 <html xmlns="http://www.w3.org/1999/xhtml">
2  <head id="Head1" runat="server">
3 <title>Ajax.NET测试</title>
4 <script language="javascript" type="text/javascript">
5 <!--
6
16 //异步调用方法
17  function LoadDataAsyn()
18 {
19 _5_3_5_3_1_Ajax_NET_Test.Test(CallBackLoadData);
20 }
21 function CallBackLoadData(result)
22 {
23 var _txt1 = document.getElementById("txt1");
24 if(result.error ==null)
25 _txt1.value = result.value;
26 else
27 alert(result.error.Message);
28 }
29 -->
30 </script>
31  </head>
32  <body>
33 <form id="form1" runat="server">
34 <input id="txt1" type="text" value=""/>
35 <input type="button" value="获取数据" onclick="LoadDataAsyn()"/>
36 </form>
37 </body>
38 </html>

3、后台代码:

protectedvoid Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(
typeof(_5_3_5_3_1_Ajax_NET_Test));
}

[AjaxPro.AjaxMethod]
publicstring Test()
{
return"hello world!";
}

说明:在Test()方法中增加了一个参数,这个参数就是返回值的时候需要处理信息的函数CallBackLoadDate()的方法。而处理函数带有一个参数result,这个参数就是函数的返回对象,就是接收后台Test()函数传过来的值。

其中,Page_Load事件中的AjaxPro.Utility.RegisterTypeForAjax(typeof(_5_3_5_3_1_Ajax_NET_Test));的作用是:

注册一个ajax方法类型,这样在其对应的.aspx文件中就可以直接调用其方法了

原文地址:https://www.cnblogs.com/huaizuo/p/2097506.html