具有单独操作值的 Ajax 表单

Ajax form with separate action values

本文关键字:Ajax 表单 操作 单独      更新时间:2023-09-26

我有一个联系表单,其中包含多个具有不同操作值的提交按钮。

<form action="confirm.php" data-query="send.php" method="POST"  class="form"> 

我正在使用数据查询属性来获取其中一个提交按钮的操作链接。

<input type="submit" name="submit1" id="submit1">
<input type="submit" name="submit2" id="submit2" value="Submit B">

Ajax 代码如下:

<script>
    $(function() {
        $('#submit2').click(function(e) {
            var thisForm = $('.form');
            e.preventDefault();
            $('.form').fadeOut(function() {
                $("#loading").fadeIn(function() {
                    $.ajax({
                        type: 'POST',
                        url: thisForm.attr("data-query"),
                        data: thisForm.serialize(),
                        success: function(data) {
                            $("#loading").fadeOut(function() {
                                $("#success").fadeIn();
                            });
                        }
                    });
                });
            });
        })
    });
</script>

我收到成功消息,但 php 代码未执行。PHP 代码在没有 AJAX 方法的情况下工作正常。

.serialize()没有给你按钮值,你必须手动添加它,比如

data: thisForm.serialize()+'?button2=Submit%20B',