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开发人员心中曾有过的梦。那就是在不刷新页面的情况下，就可以将请求请交到服务器，并得到服务器的返回结果。

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