jquery - 如何在没有表单的情况下将字符串数组发布到 ASP.NET MVC Controller ?

标签 jquery asp.net-mvc json

我正在创建一个小应用程序来自学 ASP.NET MVC 和 JQuery,其中一个页面是可以选择一些项目的列表。然后我想按下一个按钮并使用 JQuery 的 Post 函数向我的 Controller 发送一个列表(或类似的东西),其中包含所选项目的 ID。

我设法获得了一个包含所选元素 ID 的数组,现在我想发布它。我可以做到这一点的一种方法是在我的页面中有一个带有隐藏值的虚拟表单,然后使用所选项目设置隐藏值,然后发布该表单;不过,这看起来很糟糕。

有没有更简洁的方法来实现这一点,将数组直接发送到 Controller ?我尝试了一些不同的方法,但看起来 Controller 无法映射它接收的数据。到目前为止的代码如下:

function generateList(selectedValues) {
   var s = {
      values: selectedValues //selectedValues is an array of string
   };
   $.post("/Home/GenerateList", $.toJSON(s), function() { alert("back") }, "json");
}

然后我的 Controller 看起来像这样

public ActionResult GenerateList(List<string> values)
{
    //do something
}

我设法得到的只是 Controller 参数中的“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
    });
}

这是我的 Controller 类中的代码:

public JsonResult SaveList(List<String> values)
{
    return Json(new { Result = String.Format("Fist item in list: '{0}'", values[0]) });
}

当我调用该 javascript 函数时,我收到一条警报,提示“列表中的第一项:'item1'”。

关于jquery - 如何在没有表单的情况下将字符串数组发布到 ASP.NET MVC Controller ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/309115/

相关文章:

asp.net - SSO 后 ASP.NET 下缺少 REMOTE_USER

c# - 我应该如何对返回模型的 Controller 进行单元测试?

javascript - 为 AJAX 调用准备 Vuex 存储数据的正确方法

jquery - 带表格行的引导模式

javascript - 让 JQuery-UI 日期选择器正确格式化初始日期

jquery - 如何在点击时触发自定义事件

c# - 基于 Session 值的 MVC OutputCache

ios - 将 JSON 数据发布到现有对象中

javascript - 组合 2 个相似的 JSON

javascript - 将 json 文件读取为 javascript 对象