Adding POST parameters before submit

Question

I ve this simple form    lt form id  commentForm  method  POST  action  api comment  gt       lt input type  text  name  name  title  Your name   gt       lt textarea  cols  40  rows  10  name  comment  title  Enter a comment  gt       lt  textarea gt       lt input type  submit  value  Post   gt       lt input type  reset  value  Reset   gt   lt  form gt    I need to add two POST parameters before send to the server   var params                                       name   url                    value  window location pathname                                                      name   time                     value  new Date   getTime                                      without modifying the form  please

User · Answer

If you want to add parameters without modifying the form, you have to serialize the form, add your parameters and send it with AJAX:

var formData = $("#commentForm").serializeArray();
formData.push({name: "url", value: window.location.pathname});
formData.push({name: "time", value: new Date().getTime()});

$.post("api/comment", formData, function(data) {
  // request has finished, check for errors
  // and then for example redirect to another page
});

See .serializeArray() and $.post() documentation.

User · Answer

Previous answer can be shortened and be more readable       commentForm   submit function            this  append   map params  function  param            return       lt input gt                  type   hidden               name  param name              value  param value

User · Answer

You could do an ajax call    That way  you would be able to populate the POST array yourself through the ajax  data    parameter  var params       url  window location pathname    time  new Date   getTime            ajax     method   POST     url   your script php     data  params

User · Answer

You can do a form serializeArray    then add name-value pairs before posting   var form     this  closest  form     form   form serializeArray     form   form concat        name   customer id   value  window username        name   post action   value   Update Information          post   change-user-details   form  function d        if  d error            alert  There was a problem updating your user details

User · Answer

To add that using Jquery       commentForm   submit function      listen for submit event       each params  function i param               lt input   gt    attr  type    hidden                attr  name   param name               attr  value   param value               appendTo   commentForm                 return true

User · Answer

you can do this without jQuery       var form document getElementById  form-id     retrieve the form as a DOM element      var input   document createElement  input     prepare a new input DOM element     input setAttribute  name   inputName    set the param name     input setAttribute  value   inputValue    set the value     input setAttribute  type   inputType   set the type  like  hidden  or other      form appendChild input    append the input to the form      form submit     send with added input

User · Answer

PURE JavaScript      Creating the XMLHttpRequest    function getHTTPObject            Crea el objeto AJAX  Esta funcion es generica para cualquier utilidad de este tipo          por lo que se puede copiar tal como esta aqui        var xmlhttp   false         No mas soporte para Internet Explorer     try      Creacion del objeto AJAX para navegadores no IE         xmlhttp   new ActiveXObject  Msxml2 XMLHTTP          catch nIE            try      Creacion del objet AJAX para IE             xmlhttp   new ActiveXObject  Microsoft XMLHTTP              catch IE                if   xmlhttp  amp  amp  typeof XMLHttpRequest   undefined                    xmlhttp   new XMLHttpRequest                               xmlhttp   new XMLHttpRequest        return xmlhttp          JavaScript function to Send the info via POST    function sendInfo         var URL    somepage html     depends on you     var Params   encodeURI  var1   val1  var2   val2  var3   val3       console log Params       var ajax   getHTTPObject             ajax open  POST   URL  true     True Sync - False ASync     ajax setRequestHeader  Content-type    application x-www-form-urlencoded        ajax setRequestHeader  Content-length   Params length       ajax setRequestHeader  Connection    close        ajax onreadystatechange   function              if  ajax readyState    4  amp  amp  ajax status    200                alert ajax responseText                        ajax send Params

[javascript] Adding POST parameters before submit

Examples related to javascript

Examples related to jquery

Examples related to forms