Question

嘿我试图用ajax提交一个表单，但是我写的代码几乎在你按下该页面的每个按钮上都提交了它。当我将其更改为head -1 HTTP/1.1 200 OK时，我需要将其限制为仅具有特定ID的特定按钮，此处不起作用是代码

("#formId").submit

请记住，while循环生成代码（从数据库中选择内容时），并在循环后将JS代码放在底部。

Answer 1

将您的活动分配到实际表单，并将活动更改为submit而不是click：

 jQuery("#formId").on("submit", function (e) {...}

Answer 2

为每个按钮指定一个不同的ID并尝试下面的代码，或者至少实现类似下面的代码。

<script type="text/javascript">
    document.getElementById("button_id").addEventListener("click", function (e) {
        $.ajax({
            type: "POST",
            url: "path_to_script.php",
            data: $("#form_id").serialize(), // serializes the form's elements.
            success: function(data) {
                alert("Congratulations this works");
            }
        });
        e.preventDefault(); // avoid to execute the actual submit of the form.
    });
</script>

让我知道这是否有效

Answer 3

试试这个。

$("#formId :submit").on("click",function(){
    // your ajax code is here...
})

每次点击按钮都会发布jQuery ajax帖子

3 个答案: