AJAX.NET入门

最新推荐文章于 2024-07-28 17:16:30 发布

原创最新推荐文章于 2024-07-28 17:16:30 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript #callback #服务器 #session #function

C# 同时被 2 个专栏收录

8 篇文章

订阅专栏

asp.net

2 篇文章

订阅专栏

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>

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

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