您的位置：首页 > Web前端 > JQuery

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

2009-09-11 21:19 351 查看

我们1)以不同的服务器端方式输出，然后在页面使用 jQuery 的 ajax 实现来调用服务器端。这样，就有了几个不同于官方庞大 asp.net ajax 之外的 ajax 解决方案：使用一般的 webform，在页面用 jQuery ajax 调用，再从取得的 html 数据中取得 <body> 内的内容，写入 DOM 优点：不用改变现有的 asp.net 开发模式，可以使用现成的页面；ajax 取得的内容是 html 文本，直接写入 DOM 即可
缺点：内容浪费，<body> 之外的内容都不是必要的，而且如果使用了 MasterPage 那就。。。

使用一般的 webform，但是用 Response.Write() 控制输出 html ，在页面用 jQuery ajax 调用，将获取的内容写入 DOM 优点：内容干净，不浪费；ajax 取得的内容是 html 文本，可以直接写入 DOM
缺点：需要在服务器端以字符串形式构造html文本，编程不方便，不容易调试和维护

使用一般的 webform，用 Response.Write() 控制输出 json 数据，在页面用 jQuery ajax 调用，将 json 数据在客户端加工成 html 后写入 DOM 优点：仅仅交换 json 数据，极干净，符合高效的 web 设计理念
缺点：需要在客户端加工 json 数据，并且对 DOM 造成入侵

使用 asmx，封装成 web service，用 jQuery ajax 调用 asmx 的内容，将 json 或者 xml 数据在客户端加工成 html 后写入 DOM 优点：仅仅交换 json或 xml 数据，非常干净；web service 易于跨平台
缺点：需要在客户端加工 json 数据，并且对 DOM 造成入侵

使用自定义控件 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 里轻量级的解决方案

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航