赛迪网 > IT技术 技术应用子站 > 文章
  IT资讯搜索
 
IT产品搜索
[程序开发][网管世界][网络安全][数据库技术]
[操作系统][嘉宾聊天·在线访谈][活动集锦]
[精彩专题][Symantec专区][订阅IT技术周刊]
[开发论坛][网管论坛][安全论坛][数据库论坛]
[操作系统论坛][Sybase专区][IBM dW技术专区]
[病毒求助][病毒与漏洞播报][文档·源码下载]

.Net环境下基于Ajax的MVC方案

发布时间:2005.10.28 14:52     来源:赛迪论坛    作者:E剑

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、问题分析
如何实现以上几个主要目的呢?
 1)要对xmlhttprequest对更良好的封装,以使调用方式更简单;
 2)尽量在server端进行更新数据的构造,但是也要避免每次返回数据都手工构造,因此,就想到可以充分使用UserControl,由UserControl作为"View",对应的由ascx.cs文件作为"Controller",这样构成的MVC也是比较清晰的;
  4、问题解决
基于以上思想,本人实现了以下一个组类库以简化该过程:
源码及范例下载
代码简析:
1)首先在client端,AjaxHelper.js封装了xmlhttprequest,并提供一个将现有的

序列化为形如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:可以是对指定的引用或ID值
2)在server端,Ajax.aspx文件封装了对由客户端ajaxTemplate指定的UserControl的调用,其余的具体逻辑功能则在特定的UserControl及其ascx.cs内实现;
3)这样,具体执行一次callback时,编程人员只需在页面引用AjaxHelper.js,并在指定的位置通过javascript:Updater(ajaxTemplate, output, params, onComplete)进行调用,如果需要对某一form进行提交,则可调用javascript:SerializeForm(form)序列化该form并传给params,当然也可以手动构造params,并指定将返回数据通过设置output应用的页面或通过onComplete自定义处理。
4)由于充分使用UserControl,意味着,可以充分利用asp.net原有的web服务器端控件和数据绑定机制,这样其实,已经很大程度上简化了返回数据的构造,在ascx.cs中,通过Request.Form[ParamName]就能访问到client端传入的params,再访问逻辑代码获取源数据。
5、范例
包含在源码中的范例实现了一个简单的无刷新获取博客园首页内容到一个textarea的功能,详见源码!
部分范例源码:
Default.aspx <%@ Page language="c#" Codebehind="Default.aspx.cs" AutoEventWireup="false" Inherits="CN.Teddy.AjaxHelper.WebForm1" %> WebForm1
loading
AjaxHelper.js摘要: var AjaxHelperUrl = new String("Ajax.aspx"); var Updater = function(ajaxTemplate, output, params, onComplete) { if (typeof output == 'string') { output = $(output); } new Ajax.Request( 'Ajax.aspx', { onComplete: function(transport) { if (output != null) { output.innerHTML = FormatContent(transport.responseText); } if (onComplete != null) { onComplete(FormatContent(transport.responseText)) } }, parameters: params + '&AjaxTemplate=' + ajaxTemplate }); } var SerializeForm = function(form) { return Form.serialize(form); } var FormatContent = function(str) { var content = new String(str); var prefix = new String(""); content = content.substring(content.indexOf(prefix, 0) + prefix.length, content.length - 9); return content; } UserControl GetPageSrc.ascx.cs摘要: private void Page_Load(object sender, System.EventArgs e) { lbUrl.Text = Request.Form["url"]; System.Net.WebClient client = new System.Net.WebClient (); client.Headers.Add("User-Agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322)"); try { txtPageSource.Text = new System.IO.StreamReader(client.OpenRead(lbUrl.Text), System.Text.Encoding.UTF8).ReadToEnd(); } catch(Exception ex) { throw ex; } }

(T112)


[ 发表评论 ] 字体[  ] [ 打印 ] [ 进入博客 ] [ 进入论坛 ]  [ 推荐给朋友 ]
  相关文章
· 使用WebLogic将Web站点转换为Web服务(一) (10-25) · 面向Java开发人员的Ajax:Java对象序列化 (10-25)
· 基于Web的Office套件正当时? (10-13) · 技术趋势:基于Web的Office套件正当时? (10-13)
· Google正式否认开发Web版Office的谣传 (10-10) · ADO.NET访问数据库的步骤 (09-30)
· DataGrid控件实用小技巧 (09-29) · 个性设计ASP.NET应用程序的七大绝招 (09-28)
· 识别常见Web应用安全漏洞 有效防止入侵 (09-26) · 黑客的木马——Web应用程序 (09-22)
  客户需求反馈表
* 姓  名:
更多资料  了解方案  认识厂商
* 单位名称:
* 联系电话:
* 电子邮件:
  赛迪推荐  
  手机·资费 ·新品·导购·评测·手机资费·宽带
手机搜索  诺基亚 N73 MOTO Z6
  IT产品 ·笔记本·台式机·服务器·打印·投影
IT产品搜索 
  IT技术 ·开发·网管·安全·数据库·操作系统
  信息化 ·热点·专题·访谈·周刊·方案案例
[政务][电信][金融][农业][制造业][中小企业]
[CIO][ERP][协同][IT管理][中间件][电子商务]
[政策][地方][专家][评估][辞典][博客][社区]
· 专题:一路畅通构想曲——让出行不再遭遇堵车
· CIO工作亲历:企业ERP选型不能忽视"选人关"
· 综述:信息化建设给中国监狱带来的各种变化
· 金融业风险管理和法规遵从有五点需考虑的因素
· 保险业CIO关注:该如何建立统一高效的CRM体系
· 调查显示:多数CIO对IT规划仍存在困惑和误解
  博客·论坛 ·曾剑秋·项立刚·Java学习·网管