ashx + jQuery, a lightly ajax solution of asp.net

我们1)以不同的服务器端方式输出,然后在页面使用 jQuery 的 ajax 实现来调用服务器端。这样,就有了几个不同于官方庞大 asp.net ajax 之外的 ajax 解决方案:
  1. 使用一般的 webform,在页面用 jQuery ajax 调用,再从取得的 html 数据中取得 <body> 内的内容,写入 DOM
    • 优点:不用改变现有的 asp.net 开发模式,可以使用现成的页面;ajax 取得的内容是 html 文本,直接写入 DOM 即可
    • 缺点:内容浪费,<body> 之外的内容都不是必要的,而且如果使用了 MasterPage 那就。。。
  2. 使用一般的 webform,但是用 Response.Write() 控制输出 html ,在页面用 jQuery ajax 调用,将获取的内容写入 DOM
    • 优点:内容干净,不浪费;ajax 取得的内容是 html 文本,可以直接写入 DOM
    • 缺点:需要在服务器端以字符串形式构造html文本,编程不方便,不容易调试和维护
  3. 使用一般的 webform,用 Response.Write() 控制输出 json 数据,在页面用 jQuery ajax 调用,将 json 数据在客户端加工成 html 后写入 DOM
    • 优点:仅仅交换 json 数据,极干净,符合高效的 web 设计理念
    • 缺点:需要在客户端加工 json 数据,并且对 DOM 造成入侵
  4. 使用 asmx,封装成 web service,用 jQuery ajax 调用 asmx 的内容,将 json 或者 xml 数据在客户端加工成 html 后写入 DOM
    • 优点:仅仅交换 json或 xml 数据,非常干净;web service 易于跨平台
    • 缺点:需要在客户端加工 json 数据,并且对 DOM 造成入侵
  5. 使用自定义控件 ascx,然后使用专门的 webform 页面做 wrapper(包装)在页面用 jQuery ajax 调用 wrapper webform,将 html 数据写入 DOM
    • 优点:webform 仅仅用作 wrapper,根据不同的请求参数可以在 wrapper 中动态使用自定义控件;自定义控件输出的是 html 文本,可以直接写入 DOM;编程方便,有 VS2008 代码感知支持,易于调试和维护
    • 缺点:跟传统的 webform 编程理念不一样,弱化了 webform 的作用

以上就是讨论的几种可行的方案——不管是 asp.net webform 方式还是 asp.net MVC 方式,都是可行的。

昨天晚上又发现一种方案:使用 ashx+jQuery。
.ashx 是一个专门的用于处理 HttpHandler 的文件类型,用来处理自定义 Http 请求,可以在 web.config 定义运行时针对 ashx 的 Http 请求处理方式。

<add verb="*" path="*.ashx" type="System.Web.UI.SimpleHandlerFactory" validate="false" />

这样我们就可以用 SimpleHandlerFactory 来处理 ashx 的 http 请求了。
在 ashx 的类中实现 IRequiresSessionState 接口,using 一下 System.Web.SessionState 就可以使用 Session 了,很方便

using System.Web.SessionState;     
public class checkCookie : IHttpHandler ,IRequiresSessionState
{
// todo somthing
}

实例:使用 ashx+jQuery 实现 Email 存在的验证

.ashx 文件

<%@ WebHandler Language="C#" Class="CheckUser" %>
 
using System;
using System.Web;
 
 
public class CheckUser : IHttpHandler
{
 
public void ProcessRequest (HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Write(UserRule.GetInstance().IsUserExist(context.Request["Email"]));
}
 
public bool IsReusable
{
get
{
return false;
}
}
}

html:

<input type="text" id="email" />
<input type="button" value="test" onclick="check_email()" />

js:

function check_email()
{
var email = $("#email").attr("value");
$.get("../ajax/checkuser.ashx",
{ Email: email },
function(data)
{
window.alert(data);
});
}

simple 的,显然效率会比较高。 不过 simple 的就只能够做点 simple 的事情。如果要输出 html,还是不太方便。如果要输出 html 的话,我还是比较倾向于用 ascx 处理内容,webform 做包装 所以 ashx+jQuery 应该算是是一个 asp.net 里轻量级的解决方案

posted @ 2009-09-11 21:19  allentranks  阅读(339)  评论(3编辑  收藏