javascript - 如何传递多个输入数组元素值

Question

如您所见，我有一个带有多个 ID 的 for 循环，我想获取 ID 的值并将它们传递给我的 Controller ，我怎样才能实现这个目标？

<form id="UserEdit">
         @for (int i = 0; i < Model.Rights.Count; i++)
          { 
            @Html.HiddenFor(m => m.Rights[i].ID)
          }

       <input id="BtnEditUserJS" onclick="PostFormUserEdit();" type="submit" value="Edit">
 </form>

生成的 HTML:

<input id="Rights_0__ID" name="Rights[0].ID" type="hidden" value="31">

<input id="Rights_1__ID" name="Rights[1].ID" type="hidden" value="32">

JavaScript:

function PostFormUserEdit() {  
    $.ajax({
        type: 'POST',
        url: '@Url.Action("EditUser")',
        dataType: 'json',
        data: ,
        success: function (run) {
            console.log('Ok');
            },
        error: function () {
          console.log('something went wrong - debug it!');
            }
        });
}

Controller :

    [HttpPost]
    public JsonResult EditUser(int[] RightId)
    {
        var rights = db.Rights.Where(b => RightId.Contains(b.Id)).ToList();

       //do something with rights
    }

Answer 1

你可以这样实现:

function PostFormUserEdit() 
{  
    var arr = [];
    $("#UserEdit input[type='hidden']").each(function (index, obj) {
        arr.push(obj.val());
    });

    $.ajax({
        type: 'POST',
        url: '@Url.Action("EditUser")',
        dataType: 'json',
        data: arr ,   // or you can try data: JSON.stringify(arr)
        success: function (run) {
            console.log('Ok');
            },
        error: function () {
          console.log('something went wrong - debug it!');
            }
        });
}