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', contentType: 'application/json', //contentType:"application/x-www-form-urlencoded; charset=UTF-8", data: JSON.stringify(userArr), //dataType: 'text', success: function (data) { alert(data);// 2 } })
可以看出，ajax中添加了contentType设置；
jq的ajax中，contentType 主要设置你发送给服务器的格式，dataType设置你收到服务器数据的格式。
在http 请求中，get 和 post 是最常用的。在 jquery 的 ajax 中， contentType都是默认的值：application/x-www-form-urlencoded，这种格式的特点就是，name/value 成为一组，每组之间用 & 联接，而 name与value 则是使用 = 连接。如： wwwh.baidu.com/q?key=fdsa&lang=zh 这是get , 而 post 请求则是使用请求体，参数不在 url 中，在请求体中的参数表现形式也是: key=fdsa&lang=zh的形式。
键值对这样组织在一般的情况下是没有什么问题的，但是如果想传递复杂的json，可以将contentType设置为application/json，我们在 ajax 传递复杂JSON数据时，用 JSON.stringify序列化后，然后发送，在服务器端接到然后用 JSON.parse 进行还原就行了，这样就能处理复杂的对象了。
方法一：直接读取Request.Content的值，然后反序列化；
public class TestController : ApiController { //[Route("ddd")] //[HttpPost] public string PostUsers( ) { string str = Request.Content.ReadAsStringAsync().Result;//[{"username":"admin","age":10},{"username":"test","age":11}] var users = JsonConvert.DeserializeObject<List<User>>(str); return users.Count.ToString(); } } public class User { public string username { get; set; } public int age { get; set; } }
方法二：服务端使用普通的mvc控制器，前端使用key-value传值；
var user1 = { username: 'admin', age: 10 }; var user2 = { username: 'test', age: 11 }; var userArr = []; userArr.push(user1); userArr.push(user2); $.ajax({ url: 'Test1/PostUsers', type: 'post', data: { Users: userArr }, success: function (data) { alert(data); // 2 } })
public class Test1Controller : Controller { public string PostUsers( List<User> Users) { return Content(Users.Count.ToString());// 2 } } public class User { public string username { get; set; } public int age { get; set; } }
通过浏览器查看该请求：
方法三：服务端使用普通的mvc控制器，前端使用key-value传值，value值要json化；
var user1 = { username: 'admin', age: 10 }; var user2 = { username: 'test', age: 11 }; var userArr = []; userArr.push(user1); userArr.push(user2); $.ajax({ url: 'Test1/PostUsers', type: 'post', data: { Users:JSON.stringify(userArr) }, success: function (data) { alert(data); // 2 } })
public class Test1Controller : Controller { public ActionResult PostUsers() { string str = Request["Users"].ToString(); var us = JsonConvert.DeserializeObject<List<User>>(str); return Content(us.Count.ToString());// 2 } }
更多关于jQuery相关内容可查看本站专题：《jquery中Ajax用法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》