今天在码新版博客的一个功能,有个细节就是要将一个表格里选中的Id传给后台Action。原先用Form做Post的话,这是非常好实现的,然而现在我要用AJAX完成传递,并且网页上没有Form,所以我也不能用Ajax.BeginForm,肿么办呢?经过一番开荒,我终于把它码出来了。
后台Action是个返回JsonResult的方法,签名如下:
public JsonResult ExportSelectedPosts(List<string> selectedIds)
用string集合是因为手写AJAX是不走MVC的model bind的,所以通过网页传递过来的数据只能是string。如果这个方法不加selectedIds这个参数其实也是可以的(最后我们会看到用Request对象一样可以取到值)。但为了符合设计规范,我还是建议大家加上的。
前台的View里这样码(硬编码了一些数据只是为了演示):
var stringArray = new Array(); stringArray[0] = "item1"; stringArray[1] = "item2"; stringArray[2] = "item3"; var postData = { values: stringArray }; $.ajax({ url: "/Diagnosis/ExportSelectedPosts", data: { "selectedIds": stringArray }, dataType: "json", type: "POST", traditional: true, success: function (responseJSON) { // your logic } });
这段脚本里的要点就是一定要加上"traditional: true"。
现在Debug一下已经能看到结果了:
也可以用Request对象获取:
如果不写方法参数,Request对象一样可以读到:
大家自己看一下~
多谢博主!用$.POST向后台传数组,不知道data格式是不是要转成JSON格式,后台一直接收不到数据。后来看了博主的文章,用$.AJAX就传递成功了,还是要多做啊
如果ajax传递一个[{id:xxx, name:xxx},{id:xxx, name:xxx}]类型的数组,那么action如何接收呢??