jQuery向ASHX发送JSON数据详细教程

本文将详细解释如何使用jQuery的`$.ajax`方法向ASHX处理程序发送POST请求，并解析接收到的JSON数据。示例代码展示了如何在C#中处理这些请求，包括设置响应内容类型、读取输入流以及反序列化JSON数据。 在Web开发中，jQuery提供了一个强大的API来实现客户端与服务器之间的异步通信，其中`$.ajax`是常用的方法之一。在本实例中，我们将探讨如何利用jQuery的`$.ajax`以POST方式将数据发送到ASHX（HttpHandler）处理程序，并以JSON格式接收回应。 首先，jQuery的`$.ajax`调用设置如下： ```javascript $.ajax({ url: '<%=ResolveUrl("~/Handlers/xxx.ashx")%>', dataType: "json", type: "POST", contentType: "application/json;charset=utf-8", data: JSON.stringify({ top: 10, term: request.term }), success: function(data) { // 处理返回的JSON数据 } }); ``` 这里的关键参数有： - `url`: 指定ASHX处理程序的路径。 - `dataType`: 设置期望的服务器返回数据类型为"json"，表示服务器应该返回JSON格式的数据。 - `type`: 设置请求类型为"POST"，用于发送数据。 - `contentType`: 定义发送数据的格式，这里是"application/json;charset=utf-8"，意味着数据将以JSON编码并使用UTF-8字符集。 - `data`: 使用`JSON.stringify()`将JavaScript对象转换为JSON字符串，这里包含两个属性：`top`和`term`，它们会被发送到服务器。 在服务器端，C#的ASHX处理程序接收到请求后，会通过`HttpContext`对象来处理： ```csharp public void ProcessRequest(HttpContext context) { context.Response.ContentType = "application/json"; context.Response.ContentEncoding = Encoding.UTF8; Stream inputStream = context.Request.InputStream; Encoding encoding = context.Request.ContentEncoding; StreamReader streamReader = new StreamReader(inputStream, encoding); string strJson = streamReader.ReadToEnd(); // 反序列化JSON数据 Param p = JsonConvert.DeserializeObject<Param>(strJson); int top = Convert.ToInt32(p.Top); string term = p.Term; // 进行业务处理... // var result = ... // 将结果写回响应 // context.Response.Write(result.ToJson()); } ``` 这里的`ProcessRequest`方法： - 设置响应的Content-Type为"application/json"，表明返回的数据是JSON格式。 - 获取输入流`inputStream`，并使用`StreamReader`读取POST数据。 - 使用`JsonConvert.DeserializeObject`方法从JSON字符串反序列化出一个`Param`对象，以便于访问`top`和`term`属性。 - 在实际应用中，会根据这些参数执行相应的业务逻辑，然后将处理结果序列化成JSON并返回给客户端。 `Param`类是自定义的模型，用于存储从JSON数据中反序列化的值： ```csharp public class Param { public int Top { get; set; } public string Term { get; set; } } ``` 总结来说，这个实例展示了如何使用jQuery的`$.ajax`与C#的ASHX处理程序配合，以JSON格式进行数据交互。客户端通过`$.ajax`的POST请求发送数据，服务器端通过`HttpContext`对象接收数据并进行处理，最后将结果以JSON形式返回给客户端。这种模式在Web应用程序中非常常见，特别是在需要进行异步操作或数据交换时。