javascript - 如何使用序列化 AJAX POST 提交表单标签之外的输入字段

Question

我有一个使用 AJAX 请求提交五次的表单。我在这些表单标记之外有一个值 referer_fname，我想将其附加到每个 AJAX 请求中。我怎样才能实现这个目标？

下面是我到目前为止的脚本:

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> </script>
  <!--serial submit ajax-->
  <script>
     function mySubmit(){
     var myForms = document.getElementsByTagName("form");
     for (var t = 0; t<myForms.length; t++){
     $.post("http://", $(myForms).eq(t).serialize(), function (data, status) {
      if (status === "success"){
     window.location.href= "http://redirect.com";
     }  
     }
     )
     }  
     }  

  </script>

Answer 1

您可以附加到序列化表单字段输出(请参阅 this the accepted answer on this post for reference )

function mySubmit(){
  var myForms = $("form");
  myForms.each(function(index) {
    var form = myForms.eq(index);
    var serializedForm = form.serialize();
    serializedForm += '&referer_fname='+$('#refererFrame').val();
    $.post("https://", serializedForm, function (data, status) {
      if (status === "success"){
       window.location.href= "http://redirect.com";
      }  
    });   
  });
}