Posted By

rickygri on 08/10/12

Tagged

Versions (?)

Last Edited at 08/10/12 01:21am

Statistics

Viewed 2773 times

Favorited by 0 user(s)

Related snippets

POST form with javascript (Non-Ajax)

/ Published in: JavaScript

This javascript function takes the URL of the target page and an associative array of name/values paires and POSTs the data to the supplied URL by dynamically creating a form and then submitting it.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

// POST Function
function postwith (to,p) {
  var myForm = document.createElement("form");
  myForm.method="post" ;
  myForm.action = to ;
  for (var k in p) {
    var myInput = document.createElement("input") ;
    myInput.setAttribute("name", k) ;
    myInput.setAttribute("value", p[k]);
    myForm.appendChild(myInput) ;
  }
  document.body.appendChild(myForm) ;
  myForm.submit() ;
  document.body.removeChild(myForm) ;
}
 
// Fire function
postwith( 'post.aspx', {
    user:'peter' ,
    cc:'aus'
});