提交表格到两个地方

Question

我有一个问题，我需要一个简单的联系表单才能发布到数据收集服务的操作，以及用于转化跟踪的感谢页面。

不幸的是，数据收集服务页面不允许任何类型的重定向，所以我最好的办法是向两个感谢页面和数据收集服务提交。

我只是不知道该怎么做……有人可以引导我朝着正确的方向前进吗？我已经做了很多搜索，但无法真正使用 jquery 或 javascript。

任何建议/反馈/方法将不胜感激。

根据下面的回复，我试图让 AJAX 在将数据发送到这样的收集服务后重定向，但我无法让它工作：

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
  <script type="text/javascript">
  // Shorthand for $( document ).ready()
  $(function() { $("#ajaxform").submit(function(e)
 {
 var postData = $(this).serializeArray();
 var formURL = $(this).attr("action");
 $.ajax(
 {
    url : formURL,
    type: "POST",
    data : postData,
    success:function(data, textStatus, jqXHR) 
    {
        window.location.replace("http://example.com");
    },
    error: function(jqXHR, textStatus, errorThrown) 
    {
        //if fails      
    }
});
e.preventDefault(); //STOP default action
e.unbind(); //unbind. to stop multiple form submit.
}); });
</script>
<form name="ajaxform" id="ajaxform" action="https://secure.velocify.com/Import.aspx?Provider=IdealHomeLoansWebPOST&Client=IdealHomeLoansLLC&CampaignId=46"method="POST">

Answer 1

提交到感谢页面并让感谢页面向数据收集服务发出 CURL 请求。

或者，提交到提交 CURL 请求的中间页面，然后重定向到感谢页面。

Answer 2

我能想到的最直接的方法是为您的提交按钮设置一个onClick 处理程序，然后使用 JavaScript 向包含表单数据的数据收集服务发出某种 XHR 发布请求。然后您将return true 和浏览器将发布到感谢页面。

例如使用 JQuery（您的代码将需要更多检查和复杂性）

HTML：

<form id="form" action="somewhere.php" method="post">
  <!-- form stuff here -->
  <input type="submit">
</form>

JS：

$('#form').submit(function() {
  $.post('somewhereElse.php', {data: $('#form-element').val()});
  return true;
});

Answer 3

JQuery Ajax Post，可能必须将其设置为异步。 从第一个提交成功后，您可以提交到第二个。然后在成功时您可以重定向到感谢页面。

Answer 4

使用 jQuery，您可以将所有内容发送到您的数据收集服务并等待答复。如果成功，请重定向到感谢页面。

你需要知道的一切都可以在这篇文章中找到：http://hayageek.com/jquery-ajax-form-submit/

$(function() {
    $("#ajaxform").submit(function(e)
    {
        var postData = $(this).serializeArray();
        var formURL = $(this).attr("action");
        $.ajax(
        {
            url : formURL,
            type: "POST",
            data : postData,
            success:function(data, textStatus, jqXHR) 
            {
                //data: return data from server
            },
            error: function(jqXHR, textStatus, errorThrown) 
            {
                //if fails      
            }
        });
        e.preventDefault(); //STOP default action
        e.unbind(); //unbind. to stop multiple form submit.
    });
});

这会将默认的表单提交替换为 AJAX 请求。

然后只需使用以下代码重定向到感谢页面：

window.location.replace("http://example.com");