Jquery 不重新加载的多个提交表单

我只是想知道是否可能有一个提交表单的循环，然后在不刷新/重新加载整个页面的情况下从这些提交表单中的任何一个提交

我想知道的原因是，我目前正在一个网站上工作，我想做的是，如果用户喜欢图片/消息（比如twitter上的tweet或instagram上的图片），就可以按like键。但是现在，当你按like键时，如果我使用一个简单的@using（html.beginform（“，”），它会刷新整个页面但是如果我使用jquery，那么它只对最后一个表单（顶部的表单）有效

$（文档）.ready（函数（）{
$（“#提交按钮”）。在（'click'，函数（）{
var id=$（“#提交按钮”）.val（）；
$.ajax({
url:“/Profile/Like”，
类型：“POST”，
数据：{id:id}
})
.done（函数（partialViewResult）{
$（“body”）.html（partialViewResult）；
window.location.href=“/Profile/Index”；
});
});
});

submit按钮与按钮类似，它接受值（id）并将其传递给控制器，然后将其插入数据库。但是有几个按钮，但只有一个有效（最后循环的那个）。我做错了什么/ 请帮忙。

---

谢谢

我理解你的问题有点困难，但我认为使用

$（this）

选择器和

type=submit

将有助于它的工作

$(document).ready(function () {
    $("#submit-buttons").on('click', function () {
        var id = $(this).val();
        $.ajax({
            url: "/Profile/Like",
            type: "POST",
            data: { id: id }
        })
        .done(function (partialViewResult) {
            $("body").html(partialViewResult);
            window.location.href = "/Profile/Index";
        });
    });
});

<button id="submit-buttons" name="id" value="@item.Id" type="button"></button>

$（文档）.ready（函数（）{
$（“#提交按钮”）。在（'click'，函数（）{
var id=$（this.val（）；
$.ajax({
url:“/Profile/Like”，
类型：“POST”，
数据：{id:id}
})
.done（函数（partialViewResult）{
$（“body”）.html（partialViewResult）；
window.location.href=“/Profile/Index”；
});
});
});

尝试为按钮使用类，因为id必须是唯一的

$(document).ready(function () {
    $(".submit-buttons").on('click', function () {
        var id = $(this).val();
        $.ajax({
            url: "/Profile/Like",
            type: "POST",
            data: { id: id }
        })
        .done(function (partialViewResult) {
            $("body").html(partialViewResult);
            window.location.href = "/Profile/Index";
        });
    });
});

<button id="submit-button1" class="submit-buttons" name="id" value="@item.Id" type="submit"></button>

$（文档）.ready（函数（）{
$（“.submit按钮”）。在（'click'，函数（）{
var id=$（this.val（）；
$.ajax({
url:“/Profile/Like”，
类型：“POST”，
数据：{id:id}
})
.done（函数（partialViewResult）{
$（“body”）.html（partialViewResult）；
window.location.href=“/Profile/Index”；
});
});
});

如果有“几个按钮”，它们不能像@tocqueville所说的那样具有相同的id（#提交按钮），不要使用id，而是由类选择。

$(document).ready(function () {
    $(".submit-buttons").on('click', function () {
        var id = $(this).val();
        $.ajax({
            url: "/Profile/Like",
            type: "POST",
            data: { id: id }
        })
        .done(function (partialViewResult) {
            $("body").html(partialViewResult);
            window.location.href = "/Profile/Index";
        });
    });
});

<button id="submit-button1" class="submit-buttons" name="id" value="@item.Id" type="submit"></button>