javascript - 使用 AJAX 将动态填写的表单提交到两个位置

Question

我正在提交一份需要前往 2 个不同地点的表单。该表单被隐藏并自动填充 jquery .val方法。我该如何编写ajax来在两个不同的位置提交这个？如果我无权访问服务器端设置，我可以执行此操作吗？

这是我提交的表格

<form action="x" method="post" class="form-inline">
      <input type="hidden" name="players_name" class="form-control" id="playersFullName_submit">
      <input type="hidden" name="players_email"class="form-control" id="playersEmail_submit">
      <input type="hidden" name="players_score" class="form-control" id="playersScore_submit">
      <input type="hidden" name="redirect_url" class="form-control" id="redirectURL_submit" value="x">
      <input id="submit endGame" type="submit" class="btn btn-default" value="Submit Your Score">
    </form>

这是我填写的 jquery

 $(function () {      // fill form fields
   $('#playersFullName_submit').val(playersFullName);
   $('#p_name').append(playersFullName);
   $('#playersEmail_submit').val(playersEmail);
   $('#dateSubmitted').val(submitDate);
 });

我认为我需要这样设置

$.ajax({
           type: "POST",
           url : "url1.com",
           data: {},
           success: function(msg){
                 // get response here  
               }
           });

$.ajax({
           type: "POST",
           url : "url2.com",
           data: {},
           success: function(msg){
                 // get response here  
               }
           });

我需要在数据中输入任何内容，还是会从我的 <form> 中提取数据？ ？

Answer 1

您需要获取表单数据并将其注入(inject)到 data 属性中的 AJAX 调用中。您可以使用 JQuery 的 serialize() method 来做到这一点:

// Get your reference to the form:
var theForm = document.getElementsByTagName("form")[0];

$.ajax({
           type: "POST",
           url : "url1.com",
           data: $(theForm).serialize(), // <-- Inject serialized form data
           success: function(msg){
                 // get response here  
               }
           });

$.ajax({
           type: "POST",
           url : "url2.com",
           data: $(theForm).serialize(), // <-- Inject serialized form data
           success: function(msg){
                 // get response here  
               }
           });