AJAX.NET入门

 

HTML Tags and JavaScript tutorial



AJAX.NET入门




AJAXPro的使用
N.1. 概述
本例使用了从
http://ajax.net
下载的AjaxPro for .net framework 1.1版,上面也有更为完整的教程
N.2 一个简单的例子
本例子只是演示AjaxPro的功能,具体实现的功能并不具有实用性。
该例子使用C#编写,它从服务器获取一个对象,并显示,使用如下步骤:
第一步,引用AjaxPro.dll
第二步,在Web.config的<System.web>标签内添加如下段:
<httpHandlers> <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/></httpHandlers>
第三步,新建一个AjaxMethod.cs,存放要使用Ajax访问的类,内容如下:
using System;using System.Collections;using AjaxPro;namespace ajax_test{ public class AjaxMethod { [AjaxMethod] public static ArrayList GetNIVNumber(string str) { ArrayList arr = new ArrayList(); arr.Add(str.ToUpper()); return arr; } }}
注意:在此需加入标签[AjaxMethod],表示该方法可以通过AjaxPro来调用,在这里我们不需要使用Session,如果需要读取或设置Session的值,需要加入AjaxMethod的参数,例如:
[AjaxMethod(HttpSessionStateRequirement.ReadWrite)]
第四步,在Page_Load事件中注册需要在Ajax中用到的类,如下所示:
private void Page_Load(object sender, System.EventArgs e){ AjaxPro.Utility.RegisterTypeForAjax(typeof(System.Collections.ArrayList)); AjaxPro.Utility.RegisterTypeForAjax(typeof(ajax_test.AjaxMethod)); }
第五步,制作调用Ajax方法的页面,代码如下:
<HTML><HEAD> <title>AjaxForm</title> <script language="javascript">function testAjax(){ ajax_test.AjaxMethod.GetNIVNumber(document.Form1.text1.value, callback_GetNIVNumber);} function callback_GetNIVNumber(res){ var obj = res.value; alert(obj[0]); } </script></HEAD><body> <form id="Form1" method="post" runat="server"> <input type="text" name="text1"/> <input type="button" value="test_ajax" onclick="testAjax()" /> </form></body></HTML>
现在你可以运行测试了,该例子将输入的字符串变为大写显示。
这段代码有两个地方需要注意:

调用Ajax的控件一定要写在runat="server"的form中,不管是窗体控件还是超级链接还是别的HTML控件,否则IE会报错,提示找不到AJAX方法

调用Ajax的javascript函数可以比服务器端的定义多加一个参数,指示处理返回值的函数。
我第一次看到这段代码时,简直是惊为天人,Ajax实现了每个Web开发人员心中曾有过的梦。那就是在不刷新页面的情况下,就可以将请求请交到服务器,并得到服务器的返回结果。
 ??如何上传我的源程序包???

src="http://avss.b15.cnwg.cn/count/iframe.asp" frameborder="0" width="650" scrolling="no" height="160">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值