还是更上次的例子一样,只是这次不是用最原始的方法去实现了,这次是用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>
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!";
}
{
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文件中就可以直接调用其方法了