.Net环境下基于Ajax的MVC方案
来源:百度文库 编辑:神马文学网 时间:2024/04/23 20:54:18
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;
}
}
现在,越来越多人开始尝试基于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;
}
}
.net环境下基于ajax的mvc方案
.Net环境下基于Ajax的MVC方案
ASP.NET下MVC设计模式的实现
ASP.NET下MVC设计模式的实现
ASP.NET下MVC设计模式的实现-微软开发专栏-ASP.NET-天极网
ASP.NET MVC案例教程(基于ASP.NET MVC beta)——第一篇:准备工作...
琳婕小筑-老猫的理想 - ASP.NET下MVC设计模式的实现 -
琳婕小筑-老猫的理想 - ASP.NET下MVC设计模式的实现 -
基于mvc模式的struts框架概述
基于Linux环境下的Sniffer设计与实现
Linux环境下基于策略的路由---web开发者手册
《网络环境下基于问题学习的课程设计》有感
《网络环境下基于问题学习的课程设计》有感
基于AJAX的WEB设计
Symbian OS开发入门(一) :基于VS.Net 2003的Symbian开发环境的准备
Symbian OS开发入门(一) :基于VS.Net 2003的Symbian开发环境的准备
windows下jsp运行环境的配置方案
如何在ASP.NET环境下长期保存ASP.NET页面的session变量
基于 Dojo toolkit 实现 web2.0 的 MVC 模式
基于JSON的高级AJAX开发技术
基于JSON的高级AJAX开发技术
ASP.NET环境的安装
博客园 - 鸟食轩 - 在Apache环境下成功的运行ASP.NET
JR - 精品文章 - windows下jsp运行环境的配置方案