本文实例讲述了jQuery使用ajax传递json对象到服务端及contentType的用法。分享给大家供大家参考，具体如下：
0、一般情况下，通过键值对的方式将参数传递到服务端 0.1 客户端代码：$.ajax({ url: 'TestHandler.ashx', type: 'post', data: { name: "admin", age: 10 }, dataType: 'text', success: function (data) { alert(data); } })
0.2 服务端代码：public void ProcessRequest(HttpContext context) { string bodyText = string.Empty; using (var bodyReader = new System.IO.StreamReader(context.Request.InputStream)) { bodyText = bodyReader.ReadToEnd(); } string name= context.Request["name"].ToString();// "admin" string age = context.Request["age"].ToString();// "10" context.Response.ContentType = "text/plain"; context.Response.Write(bodyText);// "name=admin&age=10" }
0.3 在浏览器的网络中查看此次请求：
从上面的截图中可以看出，post请求，是将formdata中键值对用符号“&”相连，拼接成一个字符串，传递到服务端，服务端可以通过key来获取值，或从request的body中读取整个字符串；
1、ajax 传递复杂json对象到服务端 1.1 方法一：通过formdata传值，服务端通过key获取值；客户端代码：
var user1 = { username: 'admin', age: 10 }; var user2 = { username: 'test', age: 11 }; var userArr = []; userArr.push(user1); userArr.push(user2); $.ajax({ url: 'TestHandler.ashx', type: 'post', //contentType: 'application/json', //contentType:"application/x-www-form-urlencoded; charset=UTF-8", data: { Users: JSON.stringify(userArr) }, dataType: 'text', success: function (data) { alert(data); } })
服务端代码：
public void ProcessRequest(HttpContext context) { string contentType= context.Request.ContentType;// "application/x-www-form-urlencoded; charset=UTF-8" string users = context.Request["Users"].ToString(); dynamic obj = JsonConvert.DeserializeObject(users); context.Response.ContentType = "text/plain"; context.Response.Write(obj[0].username);// "admin" }
1.2 方法二：通过formdata方式传值，服务端读取Request.InputStream;前端代码：
var user1 = { username: 'admin', age: 10 }; var user2 = { username: 'test', age: 11 }; var userArr = []; userArr.push(user1); userArr.push(user2); $.ajax({ url: 'TestHandler.ashx', type: 'post', //contentType: 'application/json', //contentType:"application/x-www-form-urlencoded; charset=UTF-8", data: JSON.stringify(userArr), dataType: 'text', success: function (data) { alert(data); } })
服务端代码：
public void ProcessRequest(HttpContext context) { string contentType= context.Request.ContentType;//"application/x-www-form-urlencoded; charset=UTF-8" string bodyText = string.Empty; using (var bodyReader = new System.IO.StreamReader(context.Request.InputStream)) { bodyText = bodyReader.ReadToEnd();// [{"username":"admin","age":10},{"username":"test","age":11}] } dynamic obj = JsonConvert.DeserializeObject(bodyText); context.Response.ContentType = "text/plain"; context.Response.Write(obj[0].username);// "admin" }
通过浏览器查看此次请求：
从图中可以看出，content-Type 为application/x-www-form-urlencoded，所以浏览器尝试将传输的数据解析成key-value的形式，但实际在ajax中的data中设置的是一个json字符串，无法解析成key-value的形式，故在服务端无法通过key来获取值；只能从Request.InputStream获取。
虽然通过Request.InputStream也能获取到想要的数据，但是在asp.net mvc项目中，还是有些点需要注意，下面我们去mvc项目中试下...
注：示例中服务端用的是 asp.net ApiController，如果使用普通的mvc controller，还有其他解决方案；
2.1 客户端代码：var user1 = { username: 'admin', age: 10 }; var user2 = { username: 'test', age: 11 }; var userArr = []; userArr.push(user1); userArr.push(user2); $.ajax({ url: 'Test/PostUsers', type: 'post', data: JSON.stringify(userArr), dataType: 'text', success: function (data) { alert(data); } })
2.2 服务端代码：public class TestController : ApiController { public string PostUsers( List<User> Users) { return Users.Count.ToString();// 0 } } public class User { public string username { get; set; } public int age { get; set; } }
上面的代码中，客户端发送的是个json字符串，服务端中的变量Users是无法获取到前端传过来的json信息的；
那前端如何发送数据，后端就能这样获取数据呢？