jquery - 如何在ajax post请求中传递模型中的元素？

Question

首先对我的英语感到抱歉。

我不知道如何使用 AJAX 从模型(var nameData 中)上传元素。我请求提示，这是代码:

查看:

<tbody>
    @foreach (var item in (Model.files))
    {

        <tr>
            <td>
                <h4>@item</h4>
            </td>
            <td>
                <input type="button" id="sendCodesToDB" class="btn btn-success" value="Insert codes in DB" />
            </td>
        </tr>
    }
</tbody>

和脚本:

<script>
$('#sendCodesToDB').on('click', function () {

    var nameData = //Here I am trying to put: @item.Name;

    $.ajax({
        url: '/Home/Foo',
        type: 'POST',
        dataType: 'json',
        cache: false,
        data: nameData,
        success: function (dataFromAction) {
            $('#idTextu').val(dataFromAction);
        }
    });
});
</script>

更新

我尝试应用您的提示，现在我的代码:

Controller :

    [HttpPost]
    public ActionResult InsertCodesToDB(string name)
    {
        cl.InsertCodesToDB(name);
        fl.MoveCodeFileToAccept(name);

        string response = "Test";
        return Content(response, "application/json");  
    }

查看:

<input type="button" class="btn btn-success sendCodesToDB" value="Insert Codes in DB" data-value="@item.Name"/>

脚本:

$('.sendCodesToDB').on('click', function () {

    var name = $(this).data("value");

    $.ajax({
        url: '/ActualCodes/InsertCodesToDB',
        type: 'POST',
        dataType: 'json',
        cache: false,
        data: name,
        success: function (response) {
             @(ViewBag.MessageOK) = response;
        },
        error: function () {
            onBegin;
        }
    });
});

但不幸的是，当前按下的按钮 sendCodesToDB 不起作用。我陷入了 Controller 中，并且没有调用操作。我哪里有问题？

Answer 1

首先，您不应该在循环中使用相同的 id。删除 id 属性并将 id 设置为类，如下所示:

<input type="button" class="btn btn-success sendCodesToDB" value="Insert codes in DB" />

并像这样更改您的 JavaScript 代码:

<script>
$('.sendCodesToDB').on('click', function () {

var nameData = $(this).parent().prev().text();

$.ajax({
    url: '/Home/Foo',
    type: 'POST',
    dataType: 'json',
    cache: false,
    data: JSON.stringify( { nameData :  nameData}),
    success: function (dataFromAction) {
        $('#idTextu').val(dataFromAction);
    }
   });
});
</script>