mvc中使用ajax传递json数组老是失败。

Question

function updateItemsQtys() { var postData; var postArr = []; var index = 0; $("#[id^='Qty-']").each(function () { itemElementId = $(this).attr('id'); var productId = 0; productId = itemElementId.replace("Qty-", ""); postArr[index] = { ProductId: productId, Qty: $(this).val() }; index++; }); postData = { Items: postArr }; var jsonData = JSON.stringify(postData); alert(jsonData); //$.post('@Html.Resolve("Basket/UpdateItems")', jsonData, updateBasket, "json"); $.ajax({ url: '@Html.Resolve("Basket/UpdateItems")', type: 'POST', data: jsonData, dataType: 'json', contentType: 'application/json', success: updateBasket }); } 这是js代码，传递的json数据基本上是这样的: {"Items" : "[{"ProductId" : "4", "Qty" : "5"}, {"ProductId" : "2", "Qty" : "2"}]"} c#解析json数据的代码: public class JsonModelBinder : IModelBinder { public object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext) { if (controllerContext == null) throw new ArgumentNullException("controllerContext"); if (bindingContext == null) throw new ArgumentNullException("bindingContext"); var serializer = new DataContractJsonSerializer(bindingContext.ModelType); return serializer.ReadObject(controllerContext.HttpContext.Request.InputStream); } } 把json解析成的类型: [DataContract] [ModelBinder(typeof(JsonModelBinder))] public class JsonBasketQtyUpdateRequest { [DataMember] public JsonBasketItemUpdateRequest[] Items { get; set; } } [DataContract] [ModelBinder(typeof(JsonModelBinder))] public class JsonBasketItemUpdateRequest { [DataMember] public int ProductId { get; set; } [DataMember] public int Qty { get; set; } } 提交到action的定义: [HttpPost] public JsonResult UpdateItems(JsonBasketQtyUpdateRequest jsonBasketQtyUpdateRequest) 不明白为什么老是解析失败，提示错误:应为来自命名空间“”的元素“root”。。遇到名称为“”、命名空间为“”的“None”。

Answer 1

貌似JSON的格式有点问题，应该是这样写吧

{"Items" : [{"ProductId" : "4", "Qty" : "5"}, {"ProductId" : "2", "Qty" : "2"}]}

Answer 2

JSON部分只传 

[{"ProductId" : "4", "Qty" : "5"}, {"ProductId" : "2", "Qty" : "2"}]

试试

Answer 3

还是不行，同样的错误

Answer 4

使用FIDDLER2跟踪下传递的数据内容。

Answer 5

传递的数据内容就是{"Items" : "[{"ProductId" : "4", "Qty" : "5"}, {"ProductId" : "2", "Qty" : "2"}]"}，基本上就是这样了

Answer 6

@浩GE: 其实不用那么麻烦的，直接传递你这个json字符串，MVC就会自动解析的。

在Basket/UpdateItems的这个方法中这样使用, public ActionResult UpdataItems(List<Product> items){}

在前台传递时，$.ajax()方法中需要把traditional设置为 true   ， traditional的作用和  JSON.stringify(postData)的作用是一样的。traditional，目的是为了得到：
Values=1&Values=2&Values=3；否则的话，将会得到：
Values[]=1&Values[]=2&Values[]=3
那么MVC就不认识了。

Answer 7

坑爹的，我特意试了一下你这个代码。

发现JSON格式没有问题，后来还尝试了换一种序列化方式也没有问题，

问题在[ModelBinder(typeof(JsonModelBinder))]这句，你把2个都去掉以后试试。时间太晚了，没仔细查为什么。

我测试的Json是这个{"Items":[{"ProductId":1,"Qty":2},{"ProductId":3,"Qty":4},{"ProductId":5,"Qty":6}]}

简化了你的jQuery代码，直接提交了上面的Json。

Answer 8

非常感谢！不过的确是出错在json格式上，因为我的页面上的一个js文件和json2.js有冲突，导致JSON.stringify函数格式化数组的时候多了2个引号，我把那个js文件去了就没问题了。