.Net环境下基于Ajax的MVC方案
来源:互联网 发布:域名查询注册人 编辑:程序博客网 时间:2024/05/29 15:12
.Net环境下基于Ajax的MVC方案
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,并提供一个将现有的
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;
}
}
Enjoy!
//文章结束
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1634099
- Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- .Net环境下基于Ajax的MVC方案
- 2007年美国高增长科技企业十强
- SQL Server 索引结构及其使用
- .net实现3D饼图(源码1)
- 看一个比较各种语言的帖子的一点看法
- 测试工具LoadRunner和OpenSTA比较分析
- .Net环境下基于Ajax的MVC方案
- 堆和栈的区别
- 测试工具LoadRunner和OpenSTA比较分析
- xmlhttp存在最大并发数,ajax设计应有所斟酌[zz]
- .net实现3D饼图
- 如何更好地理解《全程软件测试》
- 追本溯源 - 勿忘质量之本
- 简单的方式由数据库的物理表(TABLE)生成实体类(DTO)
- 代码评审的最佳实践