ASP.NET MVC3如何用JQuery传递数组(集合)类型参数给JsonResult Action

今天在码新版博客的一个功能,有个细节就是要将一个表格里选中的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一下已经能看到结果了:

mvc3-jquery-pass-list-0

也可以用Request对象获取:

mvc3-jquery-pass-list-1

如果不写方法参数,Request对象一样可以读到:

mvc3-jquery-pass-list-2

后台用Array values接收就ok了

 

 

 

转自:http://m.blog.csdn.net/blog/niewq/17663655

 

posted @ 2015-10-21 16:21  zzli  阅读(1703)  评论(0编辑  收藏  举报