How to have input field outside form tags submit using serialzied AJAX POST

Question

I have a a form that submits five times using some AJAX. I have a value outside these form tags, referer_fname, I would like to append to each AJAX Post. Any help would be appreciated!

Below is my script so far:

 <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>

Thank you again!

Answer 1

You can append to the serialized form fields output (see 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";
      }  
    });   
  });
}

How to have input field outside form tags submit using serialzied AJAX POST

Sign up