jQuery - Redirect with post data

Question

How can I redirect with post data   How to move to new page with   POST   How to do this   How is it done and whyfore shall it be done

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   or      inset form   html       lt form action  url  name  form  method  post  style  display none   gt       lt input type  text  name  name  value      value        gt  lt  form gt     document forms  form   submit

User · Answer

Similar to the above answer  but written differently     extend        redirectPost  function  location  args            var form       lt form gt      action  location  method   post                each args              function  key  value                      form  append                          lt input gt      type   hidden   name  key  value  value                                                 form  appendTo  body   submit

User · Answer

Before document window ready add  extend  to jQuery      extend        redirectPost  function location  args                var form                 each  args  function  key  value                  form      lt input type  hidden  name    value name    value    value value    gt                form      lt input type  hidden  name    key    value    value value    gt                            lt form action    location    method  POST  gt   form   lt  form gt    submit                Use      redirectPost  someurl com       SomeForm   serializeArray       Note   this method cant post files

User · Answer

This needs clarification  Is your server handling a POST that you want to redirect somewhere else   Or are you wanting to redirect a regulatr GET request to another page that is expecting a POST   In either case what you can do is something like this   var f       lt form gt         lt input gt    attr  name          attr  value             after all fields are added f submit      It s probably a good idea to make a link that says  click here if not automatically redirected  to deal with pop-up blockers

User · Answer

why not just use a button instead of submit  clicking the button will let you construct a proper url for your browser to redirect to       button   click function        var url    site com process php          form input   each function            url     key       this  val       amp                 handle removal of last  amp       window location replace url

User · Answer

This would redirect with posted data    function                lt form action  url php  method  post  gt  lt input type  hidden  name  name  value  value1  gt  lt  input gt  lt  form gt    appendTo  body   submit   remove                        the  submit   function does the submit to url automatically     the  remove   function kills the form after submitting

User · Answer

There is a JQuery plug-in that accomplishes pretty much what you re trying to do  https   github com mgalante jquery redirect blob master jquery redirect js   After including JQuery and the jquery redirect min js plug-in  you can simply do something like this       redirect  demo php     arg1    value1    arg2    value2       Use the following code on newer JQuery versions instead     redirect  demo php     arg1    value1    arg2    value2       Hope this helps

User · Answer

I think this is the best way to do it      lt html gt   lt body onload  document getElementById  redirectForm   submit    gt   lt form id  redirectForm  method  POST  action   done html  gt   lt input type  hidden  name  status  value  complete   gt   lt input type  hidden  name  id  value  0u812   gt   lt input type  submit  value  Please Click Here To Continue   gt   lt  form gt   lt  body gt   lt  html gt    This will be almost instantaneous and user won t see anything

User · Answer

Why dont just create a form with some hidden inputs and submit it using jQuery  Should work

User · Answer

I included the jquery redirect min js plugin in the head section together with this json solution to submit with data   lt script type  text javascript  gt             function              form   on  submit   function e             ajax           type   post           url   your POST URL           data     form   serialize            success  function                  now redirect              redirect  your POST URL                input1      value1   val                input2      value2   val           input3      value3   val                                e preventDefault                lt  script gt    Then immediately after the form I added     function              your form Id    submit

User · Answer

extended  the above solution with target  For some reason i needed the possibility to redirect the post to  blank or another frame     extend              redirectPost  function location  args  target     self                       var form       lt form gt  lt  form gt                form attr  method    post               form attr  action   location              form attr  target   target                each  args  function  key  value                    var field       lt input gt  lt  input gt                    field attr  type    hidden                   field attr  name   key                  field attr  value   value                  form append field                               form  appendTo  body   submit

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                 form      lt input type  hidden  name    key    value    value    gt                            lt form action    location    method  POST  gt   form   lt  form gt    appendTo  body   submit                Per the comments  I have expanded upon my answer      jquery extend function   extend        redirectPost  function location  args                var form       lt form gt  lt  form gt             form attr  method    post            form attr  action   location              each  args  function  key  value                 var field       lt input gt  lt  input gt                  field attr  type    hidden                field attr  name   key               field attr  value   value                form append field                         form  appendTo  body   submit

[javascript] jQuery - Redirect with post data

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to post