通过ajax使用一个按钮将单个表单提交到两个操作

时间:2015-07-01 14:03:44

标签: 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);
            }
        });
    });
});

3 个答案:

答案 0 :(得分:1)

你需要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上的任何内容,这取决于此代码的放置位置。

答案 1 :(得分:0)

只需将它们彼此相邻:

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

答案 2 :(得分:0)

你必须使用REQUEST_URI的JS模拟

var request_uri = location.pathname + location.search;

在你的代码上 -

&#13;
&#13;
 $(function() {
                $("#myform").on("submit", function(e) {
                    e.preventDefault();
                    $.ajax({
                        url: location.pathname + location.search+ 'ContactCreate.php',
                        type: 'POST',
                        data: $(this).serialize(),
                        beforeSend: function() {
                            $("#message").html("sending...");
                        },
                        success: function(data) {
                            $("#message").hide();
                            $("#response").html(data);
                        }
                    });
                });
            });
&#13;
&#13;
&#13;