Send POST data on redirect with JavaScript jQuery

Question

Basically what I want to do is send POST data when I change the window location  as if a user has submitted a form and it went to a new page  I need to do it this way because I need to pass along a hidden URL  and I can   t simply place it in the URL as a GET for cosmetic reasons   This is what I have at the moment  but it doesn   t send any POST data   if user has not voted         window location    http   example com vote     Username       I know that you can send POST data with jQuery post    but I need it to be sent with the new window location    So to recap  I need to send api url value via POST to http   example com vote   while sending the user to the same page at the same time     For future reference  I ended up doing the following   if user has not voted             inset form   html   lt form action  http   example com vote     Username      name  vote  method  post  style  display none   gt  lt input type  text  name  api url  value      Return URL        gt  lt  form gt          document forms  vote   submit

User · Answer

You can use target attribute to send form with redirect from iframe  Your form open tag would be something like this   method  post  action  http   some url com form action  target   top

User · Answer

Here s a simple small function that can be applied anywhere as long as you re using jQuery   var redirect    http   www website com page id 23231     redirectPost redirect   x   example   y   abc         jquery extend function   extend        redirectPost  function location  args                var form                 each  args  function  key  value                 value   value split      join                   form      lt input type  hidden  name    key    value    value    gt                            lt form action      location      method  POST  gt     form     lt  form gt    appendTo   document body   submit

User · Answer

Construct and fill out a hidden method POST action  http   example com vote  form and submit it  rather than using window location at all

User · Answer

Here is a method  which does not use jQuery  I used it to create a bookmarklet  which checks the current page on w3-html-validator   var f   document createElement  form    f action  http   validator w3 org check   f method  POST   f target   blank    var i document createElement  input    i type  hidden   i name  fragment   i value   lt  DOCTYPE html gt   document documentElement outerHTML  f appendChild i    document body appendChild f   f submit

User · Answer

SOLUTION NO  1     your variable     var data    brightcherry          passing the variable into the window location URL     window location replace   newpage page php id    product id         SOLUTION NO  2    your variable var data    brightcherry      passing the variable into the window location URL window location replace   newpage page php id     product id     details

User · Answer

Generic function to post any JavaScript object to the given URL   function postAndRedirect url  postData        var postFormStr     lt form method  POST  action      url      gt  n        for  var key in postData                if  postData hasOwnProperty key                         postFormStr      lt input type  hidden  name      key      value      postData key       gt  lt  input gt                         postFormStr      lt  form gt         var formElement     postFormStr           body   append formElement         formElement  submit

User · Answer

var myRedirect   function redirectUrl    var form       lt form action      redirectUrl      method  post  gt       lt input type  hidden  name  parameter1  value  sample    gt       lt input type  hidden  name  parameter2  value  Sample data 2    gt       lt  form gt        body   append form     form  submit         Found code at http   www prowebguru com 2013 10 send-post-data-while-redirecting-with-jquery   Going to try this and other suggestions for my work   Is there any other way to do the same

User · Answer

The answers here can be confusing so i will give you a sample code that i am working with   To start with note that there is no POST parameter to java script windows location function that you are referring to   So you have to      Dynamically make a form with a POST parameter  Dynamically put a textbox or textboxes with your desired values to post Invoke the submit form you dynamically created    And for the example          ---------- make sure to link to your jQuery library ----     lt script type  text javascript   gt       var form     document createElement  form           form  attr  action    test2 php          form  attr  method    POST          form  css  display    none         var input employee name       lt input gt         attr  type    text        attr  name    employee name        val  Peter           form  append   input employee name          var input salary       lt input gt         attr  type    text        attr  name    salary        val  1000           form  append   input salary         form appendTo  document body          form  submit      lt  script gt    If all is done well  you shall be redirected to test2 php and you can use POST to read passed values of employee name and salary  that will be Peter and 1000 respectively   On test2 php you can get your values thus    employee name     POST  employee name     salary     POST  salary      Needless to say   make sure you sanitize your passed values

User · Answer

If you are using jQuery  there is a redirect plugin that works with the POST or GET method  It creates a form with hidden inputs and submits it for you  An example of how to get it working     redirect  demo php     arg1    value1    arg2    value2       Note  You can pass the method types GET or POST as an optional third parameter  POST is the default

User · Answer

per  Kevin-Reid s answer  here s an alternative to the  I ended up doing the following  example that avoids needing to name and then lookup the form object again by constructing the form specifically  using jQuery     var url    http   example com vote     Username  var form       lt form action      url      method  post  gt         lt input type  text  name  api url  value      Return URL        gt         lt  form gt        body   append form   form submit

User · Answer

This is quite handy to use   var myRedirect   function redirectUrl  arg  value      var form       lt form action      redirectUrl      method  post  gt         lt input type  hidden  name     arg     value      value      gt  lt  input gt       lt  form gt          body   append form       form  submit         then use it like    myRedirect   yourRedirectingUrl    arg    argValue

[javascript] Send POST data on redirect with JavaScript/jQuery?

Examples related to javascript

Examples related to jquery

Examples related to post