AJAX简单示例 - R&D--梦想在这里成真 R&D--夢を実現しましょう R&D--Dreams Come Ture

AJAX简单示例

现在大家都在用ajax做出漂亮的无刷新的web页面。这可以说是对传统网也的一种改造。这里就ajax框架的一种ajaxpro进行简单的介绍。
AjaxPor.dll下载地址：http://www.cnitblog.com/Files/rd416/AjaxPro.zip

1，把AjaxPro.dll放入应用程序之bin文件夹中
2

2，修改web.config
3

在system.web节点下添加
5

<SYSTEM.WEB>
7

<HTTPHANDLERS>
8

<ADD type="AjaxPro.AjaxHandlerFactory, AjaxPro" path="ajaxpro/*.ashx" verb="POST,GET" />
9

</HTTPHANDLERS>
10

3,在后台cs文件中声明ajax
13

namespace MyDemo
14

{
15

public class _Default
16

{
17

protected void Page_Load(object sender, EventArgs e)
18

{
19

AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
20

}
21

[AjaxPro.AjaxMethod]
23

public int GetAdd(int a,int b)
24

{
25

return a+b; }
26

}
27

}
28

3、在客户端用javascript调用服务器端之方法，语法也很简单
30

function get()
32

{
33

var a=4;
34

var b=5;
35

MyDemo._Default.GetAdd(a, b ,get_callback); //调用后台函数
36

}
37

function get_callback(res) //返回值处理函数
40

{
41

alert(res.value);
42

}
43

就这样，简单之几步，就已经完成了。在客户端用javascript异步调用服务器端之C#方法，并可以得到服务器端之返回值，这个值会传到javascript，javascript可以处理这个返回之值，现在返回的是一个简单的整型，不过，我们也可以返回复杂之数据类型，像DataTable之类，总之，AjaxPro把Ajax搞得很简单。
45

补充：
48

如果返回的是DataTable时的取值方式如下：
49

dt.Rows[0].userid; 取得数据集中的字段名为userid的数据；
50

dt.Rows.length; 取得数据集的行数；
51

posted on 2007-07-03 13:11 TRE-China R&D 阅读(119) 评论(0) 编辑收藏引用

常用链接

留言簿(1)

随笔分类

随笔档案

文章分类

相册

搜索

最新评论

阅读排行榜

评论排行榜