| 首页 | IT动态 | 硬件 | 应用 | 互联网 | 网络 | 网站 | 黑客 | 编程 | 数码 | 视频教程 | 游戏 | 休闲 | 软件 | 视频 | IT认证 | 动漫图片 | IT杂谈 | 论坛 | 
Google
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
  • HTML中小meta的大作用

  • HTML组件(HTML COMPONENTS)之…

  • HTML组件(HTML COMPONENTS)之…

  • HTML组件(HTML COMPONENTS)之…

  • HTML组件(HTML COMPONENTS)之…

  • HTML组件(HTML COMPONENTS)之…

  • HTML组件(HTML COMPONENTS)之…

  • HTML组件(HTML COMPONENTS)之…

  • HTML组件(HTML COMPONENTS)之…

  • DW MX实例:插入Anfy Java特…

  • 广 告 位 置
    黄金广告位
    Q
    您现在的位置: 无忧IT人 >> 网站 >> ASP.NET >> 文章正文
    .Net环境下基于Ajax的MVC方案         
    .Net环境下基于Ajax的MVC方案
    作者:网络 文章来源:转载 点击数: 更新时间:2007-8-11
    [ 字体:缩小 正常 放大 | 双击自动滚屏 ]
    请选择合适的字体颜色:

      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自定义处理。

    [1] [2] [3] [4] 下一页  

    文章录入:51iter    责任编辑:51iter 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |