How to read the post request parameters using JavaScript

Question

I am trying to read the post request parameters from my HTML  I can read the get request parameters using the following code in JavaScript    wnd location search   But it does not work for post request  Can anyone tell me how to read the post request parameter values in my HTML using JavaScript

User · Answer

lt head gt  lt script gt var xxx     params xxx  lt  script gt  lt  head gt    Using EL expression   param xxx  in  lt head gt  to get params from a post method  and make sure the js file is included after  lt head gt  so that you can handle a param like  xxx  directly in your js file

User · Answer

We can collect the form params submitted using POST with using serialize concept    Try this       form   serialize       Just enclose it alert  it displays all the parameters including hidden

User · Answer

One option is to set a cookie in PHP   For example  a cookie named invalid with the value of  invalid expiring in 1 day   setcookie  invalid    invalid  time     60   60   24     Then read it back out in JS  using the JS Cookie plugin    var invalid   Cookies get  invalid     if invalid     undefined        Cookies remove  invalid        You can now access the value from the invalid variable in JavaScript

User · Answer

A little piece of PHP to get the server to populate a JavaScript variable is quick and easy   var my javascript variable    lt  php echo json encode   POST  my post      null    gt     Then just access the JavaScript variable in the normal way   Note there is no guarantee any given data or kind of data will be posted unless you check - all input fields are suggestions  not guarantees

User · Answer

POST is what browser sends from client your broswer  to the web server  Post data is send to server via http headers  and it is available only at the server end or in between the path  example  a proxy server  from client  your browser  to web-server  So it cannot be handled from client side scripts like JavaScript  You need to handle it via server side scripts like CGI  PHP  Java etc  If you still need to write in JavaScript you need to have a web-server which understands and executes JavaScript in your server like Node js

User · Answer

Use sessionStorage    x000D   x000D    function    x000D         form   submit  x000D         document sessionStorage  form-data         this   serialize    x000D         document location href    another-page html   x000D        x000D      x000D   x000D   x000D    At another-page html    x000D   x000D  var formData   document sessionStorage  form-data    x000D   x000D   x000D    Reference link - https   developer mozilla org en-US docs Web API Window sessionStorage

User · Answer

Why not use localStorage or any other way to set the value that you   would like to pass    That way you have access to it from anywhere      By anywhere I mean within the given domain context

User · Answer

I have a simple code to make it   In your index php     lt input id  first post data  type  hidden  value   lt      POST  first param      gt    gt    In your main js    let my first post param       first post data   val      So when you will include main js in index php   lt script type  text javascript  src    main js  gt  lt  script gt   you could get the value of your hidden input which contains your post data

User · Answer

lt script gt   lt  php if   POST       Check to make sure params have been sent via POST   foreach   POST as  field   gt   value       Go through each POST param and output as JavaScript variable      val   json encode  value      Escape value      vars     var  field    val  n         echo   lt script gt  n vars lt  script gt  n       gt   lt  script gt    Or use it to put them in an dictionary that a function could retrieve    lt script gt   lt  php if   POST       vars   array      foreach   POST as  field   gt   value        array push  vars   field   json encode  value       Push to  vars array so we can just implode   it  escape value       echo   lt script gt var post      implode       vars     lt  script gt  n      Implode array  javascript will interpret as dictionary     gt   lt  script gt    Then in JavaScript   var myText   post  text        Or use a function instead if you want to do stuff to it first function Post variable         do stuff to variable before returning      var thisVar   post variable     return thisVar      This is just an example and shouldn t be used for any sensitive data like a password  etc  The POST method exists for a reason  to send data securely to the backend  so that would defeat the purpose   But if you just need a bunch of non-sensitive form data to go to your next page without  page blah value amp bleh value amp blahbleh value in your url  this would make for a cleaner url and your JavaScript can immediately interact with your POST data

User · Answer

POST variables are only available to the browser if that same browser sent them in the first place   If another website form submits via POST to another URL  the browser will not see the POST data come in   SITE A  has a form submit to an external URL  site B  using POST SITE B  will receive the visitor but with only GET variables

User · Answer

JavaScript is a client-side scripting language  which means all of the code is executed on the web user s machine  The POST variables  on the other hand  go to the server and reside there  Browsers do not provide those variables to the JavaScript environment  nor should any developer expect them to magically be there   Since the browser disallows JavaScript from accessing POST data  it s pretty much impossible to read the POST variables without an outside actor like PHP echoing the POST values into a script variable or an extension addon that captures the POST values in transit  The GET variables are available via a workaround because they re in the URL which can be parsed by the client machine

User · Answer

It depends of what you define as JavaScript  Nowdays we actually have JS at server side programs such as NodeJS  It is exacly the same JavaScript that you code in your browser  exept as a server language  So you can do something like this   Code by Casey Chu  https   stackoverflow com a 4310087 5698805   var qs   require  querystring     function  request  response        if  request method     POST             var body                request on  data   function  data                body    data                  Too much POST data  kill the connection                 1e6     1   Math pow 10  6      1   1000000     1MB             if  body length  gt  1e6                  request connection destroy                         request on  end   function                  var post   qs parse body                  use post  blah    etc                        And therefrom use post  key     newVal  etc

User · Answer

POST data is data that is handled server side  And Javascript is on client side  So there is no way you can read a post data using JavaScript

User · Answer

You can  json encode  to first encode your post variables via PHP  Then create a JS object  array  from the JSON encoded post variables  Then use a JavaScript loop to manipulate those variables    Like - in this example below - to populate an HTML form form    lt script gt        lt  php  post vars json encode    json encode  this- gt input- gt post       gt          SET POST VALUES OBJECT ARRAY     var post value Arr    lt  php echo  post vars json encode    gt     creates a JS object with your post variables     console log post value Arr           POPULATE FIELDS BASED ON POST VALUES     for var key in post value Arr     Loop post variables array          if document getElementById key      Field Exists             console log  found post value Arr key form field     key               document getElementById key  value   post value Arr key                      lt  script gt

User · Answer

If you re working with a Java   REST API  a workaround is easy  In the JSP page you can do the following        lt       String action   request getParameter  action        String postData   request getParameter  dataInput          gt       lt script gt          var doAction     lt   out print action     gt            var postData     lt   out print postData     gt            window alert doAction         postData        lt  script gt

User · Answer

function getParameterByName name  url                if   url  url   window location href              name   name replace         g       amp                 var regex   new RegExp     amp      name          amp       amp                          results   regex exec url               if   results  return null              if   results 2   return                 return decodeURIComponent results 2  replace     g                   var formObj   document getElementById  pageID    formObj response order id value   getParameterByName  name

User · Answer

function           form   sumbit             this   serialize                In jQuery  the above code would give you the URL string with POST parameters in the URL  It s not impossible to extract the POST parameters   To use jQuery  you need to include the jQuery library  Use the following for that    lt script src  http   ajax googleapis com ajax libs jquery 1 3 1 jquery min js  type  text javascript  gt  lt  script gt

User · Answer

You can read the post request parameter with jQuery-PostCapture  ssut jQuery-PostCapture    PostCapture plugin is consisted of some tricks   When you are click the submit button  the onsubmit event will be dispatched   At the time  PostCapture will be serialize form data and save to html5 localStorage if available  or cookie storage

[javascript] How to read the post request parameters using JavaScript

Examples related to javascript

Examples related to html