ajax

1、问题背景

现在，越来越多人开始尝试基于Ajax进行无刷新的Web开发，不过，在.Net环境下，应用Ajax并不是非常方便，这主要可能是由以下一些原因造成的：

•由于Ajax基于javascript的本质，使得开发者必须对javascript非常了解，起码，其javascript能力足以实现对callback返回内容对页面的更新，所以开发的门槛就有一定程度的上升

•当基于Ajax机制进行开发时，原有的基于postback方式下时，asp.net由后台逻辑代码（Model），aspx页面(View)、aspx.cs(Controller)构成的MVC构架其实失效了，当callback返回数据时，要么在client端用javascript解析返回内容以实现更新，要么则必须在server端构造好比较完整的html代码，再直接由javascript将该构造好的html设置给某个页面对象，很显然，这样一来，要实现一个最简单的callback功能，都要不少代码，并且是相对比较乱的代码，即使在即将到来的asp.net2.0该问题依然不会得到有效解决

2、本文目的

本文旨在充分利于现有的asp.net本身的特点和ajax的特性，提出一个用于在asp.net环境下进行基于ajax的web开发的MVC方案，以实现以下主要目的：

•Asp.Net环境下用于Ajax的清晰的MVC构架

•降低编程人员对过多javascript编码的依赖以降低编程门槛

•灵活的支持ajax模式下的常用开发方式

3、问题分析

如何实现以上几个主要目的呢？

１）要对xmlhttprequest对更良好的封装，以使调用方式更简单；

２）尽量在server端进行更新数据的构造，但是也要避免每次返回数据都手工构造，因此，就想到可以充分使用UserControl，由UserControl作为"View"，对应的由ascx.cs文件作为"Controller"，这样构成的MVC也是比较清晰的；

　

4、问题解决

基于以上思想，本人实现了以下一个组类库以简化该过程：

源码及范例下载

代码简析：

１）首先在client端，AjaxHelper.js封装了xmlhttprequest，并提供一个将现有的<form>序列化为形如param1=v1¶m2=v2&...形式用于post的参数；

Updater(ajaxTemplate, output, params, onComplete)函数，用于实现一次callback调用

ajaxTemplate（必选）：指定执行需要功能的UserControl路径

output（可选）：填充返回数据的指定标签的引用或ID值

params（可选）：形如param1=v1¶m2=v2&...的post参数

onComplete（可选）：可用于对返回数据进行特殊处理的回调函数，函数格式function(str)，str为返回的数据

SerializeForm(form)函数，用于序列化<form>

form：可以是对指定<form>的引用或ＩＤ值