我正在创建一个小应用程序来自学ASP.NET MVC和JQuery,其中一个页面是其中可以选择一些项目的列表。然后,我想按下一个按钮,并使用JQuery的Post函数将包含选定项ID的列表(或等效项)发送到我的控制器。
我设法得到一个包含所选元素ID的数组,现在我要发布该数组。我可以这样做的一种方法是在页面中创建一个具有隐藏值的虚拟表单,然后使用所选项目设置隐藏值,然后发布该表单。但是,这看起来很麻烦。
通过将阵列直接发送到控制器,是否有更清洁的方法来实现此目的?我尝试了几种不同的方法,但看起来控制器无法映射其接收的数据。到目前为止的代码如下:
function generateList(selectedValues) { var s = { values: selectedValues //selectedValues is an array of string }; $.post("/Home/GenerateList", $.toJSON(s), function() { alert("back") }, "json"); }
然后我的控制器看起来像这样
public ActionResult GenerateList(List<string> values) { //do something }
我设法得到的只是控制器参数中的“ null”。
有小费吗?
我修改了响应,以包含我所做的测试应用程序的代码。
更新:我已经更新了jQuery,将’传统’设置设置为true,所以它将再次起作用(根据@DustinDavis的回答)。
首先是javascript:
function test() { var stringArray = new Array(); stringArray[0] = "item1"; stringArray[1] = "item2"; stringArray[2] = "item3"; var postData = { values: stringArray }; $.ajax({ type: "POST", url: "/Home/SaveList", data: postData, success: function(data){ alert(data.Result); }, dataType: "json", traditional: true }); }
这是我的控制器类中的代码:
public JsonResult SaveList(List<String> values) { return Json(new { Result = String.Format("Fist item in list: '{0}'", values[0]) }); }
当我调用该javascript函数时,我收到一条警报,提示“列表中的第一项:’item1’”。希望这可以帮助!