我正在创建一个小应用程序来自学 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’”。