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" οnclick="testAjax()" />
	</form>
</body>
</HTML>

现在你可以运行测试了,该例子将输入的字符串变为大写显示。

这段代码有两个地方需要注意:

  • 调用Ajax的控件一定要写在runat="server"的form中,不管是窗体控件还是超级链接还是别的HTML控件,否则IE会报错,提示找不到AJAX方法
  • 调用Ajax的javascript函数可以比服务器端的定义多加一个参数,指示处理返回值的函数。

我第一次看到这段代码时,简直是惊为天人,Ajax实现了每个Web开发人员心中曾有过的梦。那就是在不刷新页面的情况下,就可以将请求请交到服务器,并得到服务器的返回结果。

 ??如何上传我的源程序包???

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值