javascript - 通过 ajax 通过一个按钮将单个表单提交给两个操作

标签 javascript php jquery ajax forms

在我下面的代码中,您可以看到“$_SERVER['REQUEST_URI']”“ContactCreate.php”,这是我需要将单个表单发送到的两个操作。我不知道如何才能让它发挥作用。

先谢谢大家了

$(function() {
    $("#myform").on("submit", function(e) {
        e.preventDefault();
        $.ajax({
            url: '$_SERVER['REQUEST_URI']'  'ContactCreate.php',
            type: 'POST',
            data: $(this).serialize(),
            beforeSend: function() {
                $("#message").html("sending...");
            },
            success: function(data) {
                $("#message").hide();
                $("#response").html(data);
            }
        });
    });
});

最佳答案

您将需要 2 个 ajax 调用。您可以使用 $.when 等待两者完成方法并在其中执行通用逻辑

 $(function() {
    $("#myform").on("submit", function(e) {
        e.preventDefault();
        $("#message").html("sending...");

        var formSerialized = $(this).serialize();

        var ajaxCall1 = $.post('$_SERVER['REQUEST_URI']', formSerialized);
        var ajaxCall2 = $.post('ContactCreate.php', formSerialized);

        $.when( ajaxCall1, ajaxCall2).done(function (v1, v2) {
            $("#message").hide();
            // your logic when both ajax request finished   
        });     
    });
});

还不确定 $_SERVER['REQUEST_URI'] 是否会解析为 Javascript 上的任何内容,这取决于此代码的放置位置。

关于javascript - 通过 ajax 通过一个按钮将单个表单提交给两个操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31163600/

相关文章:

javascript - 文件上传表单不起作用

php - 检查链接时会添加下划线

javascript - 如何使用 Javascript 按顺序动态加载内部脚本

javascript - 使用 ajax 数据响应 Bootstrap 表

jQuery:点击按钮删除最接近的对象需要什么

javascript - javascript 上的 http 请求的计时问题

c# - 如何使用 Selenium Driver 检测页面是否水平溢出?

javascript - 从脚本中获取 true 或 false(来自 JSON 文件)以显示为复选框

javascript - 如何在 AJAX 中创建正确的 XHR 请求

php - PayPal for Indian Rupees (INR) 任何解决方案