2012年2月28日 于新城科技园
jquery+ajax 的 data参数设置的内容,如何在HttpHandler的HttpContext中取得(包括post方式和get方式)
比如 :
注意:要引用两个jquery的包,一个是jquery-1.6.2.js 和 jquery.json.js 都直接在 网上下载就可以了。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="./js/jquery-1.6.2.js"></script> <script src="./js/jquery.json.js"></script> <title>JSON数据的取得</title> <script> $(function(){ $.ajax ({ // 下面的各个参数的设置,用法,请参照 http://api.jquery.com/jQuery.ajax/ // 当然还有其他的很多参数了,具体用法不一一列举了。 url : "MyJsonHandler/student.json", // JSON数据的地址 type: 'get', // 数据传送方式 dataType: 'json', // 数据类型 data: $.toJSON({"school" :encodeURIComponent("南京大学")}), // 如果取得json数据之前,需要传递参数的话,可以使用data,个人理解:data就相当于一个parameter。 contentType: 'application/json', // 返回结果为成功 success : function( data, textStatus,jqXHR ) { $("#showarea").html(data.school); }, // 返回结果为失败 error : function(jqXHR, textStatus, errorThrown) { alert('error'); } }); }); </script> </head> <body> <section id="showarea"> </section> </body> </html>
对于get方式,或许大家早就已经有了答案,那就是从 HttpContext的 Request.QueryString中取得。
但是,如果数据传递方式是 post 呢? 这样从Request.QueryString中 是肯定取不到数据的。怎么办?
我写了一个比较通用的方法,兼容post 和 get 。
using System; using System.Collections.Generic; using System.Text; using System.Web; using System.IO; namespace MyHandlers { public class MyJsonHandler : IHttpHandler { public bool IsReusable { get { return true; } } public void ProcessRequest(HttpContext context) { // Post方式下,取得client端传过来的数据 if ("post".Equals(context.Request.HttpMethod.ToLower())) { StreamReader reader = new StreamReader(context.Request.InputStream); string json = HttpUtility.UrlDecode(reader.ReadToEnd()); context.Response.Write(json); } // Get方式下,取得client端传过来的数据 else { // 注意,这个是需要解码的 string json = HttpUtility.UrlDecode(context.Request.QueryString.ToString()); context.Response.Write(json); } } } }
1, 上面的代码并不是一个完整的一套httphandler, 还有web.config之类的东西,都省略掉了。
上面的代码只是一个示例,告诉你怎么去做。
2, 如果项目中,只需要post方式的话,就不要那么复杂了。 data里面的内容就不需要编码和解码这么麻烦了。这一点注意一下。
最后得到的结果: (post 和 get一样)