如何使用 Jquery 和 ajax [ASP.NET] 将 id 传递给 MVC 控制器

Question

我做错了什么？ url 选项正常工作。段落标签给出正确的值（不隐藏时）。

这是我的html代码

---

 @foreach (var item in listTest)
        {
            <div id="pan" class="form-group panel panel-default">
                <p id="TestsId" class="hidden">@item.Id</p>
                <text>@item.Name</text>
                <text>@item.testTypeCategory.Category</text>
                <text>@item.testTypeName.Name</text>
                <text>@item.Price</text>
                <button class="btn btn-danger btn-cart" type="button" style="float:right">Add</button>
            </div>

js代码

 $(document).ready(function () {
    $('.btn-cart').click(function () {
        var myId = $('#TestsId').val();
    $.ajax({
        type: 'POST',
        url: '@Url.Action("AddToList")',
        dataType: 'json',
        data: { id:  myId},
        success: function (data) {
            var items = '';
            $.each(data, function (i, item) {
                var rows = "<tr>"
                    + "<td class='nameT'>" + item.Name + "</td>"
                    + "<td class='priceT'>" + item.Price + "</td>"
                    + "</tr>";
                $('#testTable tbody').append(rows);
            });
        },
    });
    return false;
    }); 
}); 

和控制器动作

    public JsonResult AddToList(int id)
    {
        cart.Add(_tests.GetAll().FirstOrDefault(j => j.Id == id));
        return Json(cart);
    }

控制器中的id始终为0

Answer 1

就像 hikarunomemory 所说的使用 .text() 而不是 val() 因为它是一个段落而不是一个输入元素。

值得注意的是，因为它在一个循环中，你最终会得到多个具有相同 ID 的元素。因此，我会将其更改为查找一个类，因为重复的 Id 是无效标记，并使用 .closest() 确保选择正确的：

var myId = $(this).closest('.TestsId').text()