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一样)