Getting value GET OR POST variable using JavaScript

Question

How to get value of the get or post variable on page load using JavaScript

User · Accepted Answer

You can t get the value of POST variables using Javascript  although you can insert it in the document when you process the request on the server    lt script type  text javascript  gt      window some variable     lt     POST  some value    gt       That s for a string  lt  script gt    GET variables are available through the window location href  and some frameworks even have methods ready to parse them

User · Answer

When i had the issue i saved the value into a hidden input   in html body        lt body gt       lt  php      if  isset   POST  Id             fid    POST  Id                 gt        then put the hidden input on the page and write the value  fid with php echo       lt input type hidden id   fid  name fid value   lt  php echo  fid   gt   gt    then in   document  ready  function           var postId document getElementById  fid   value    so i got my hidden url parameter in php an js

User · Answer

x000D   x000D      x000D    getGET   Funcion que captura las variables pasados por GET  x000D     Implementacion  pagina html id 10 amp pos 3  x000D     param    const    loc            capturamos la url  x000D     return   array   get  Devuelve un array de clave  gt valor  x000D     x000D  const getGET        gt    x000D      const loc   document location href  x000D   x000D                 si existe el interrogante x000D              if loc indexOf      gt 0   x000D                 cogemos la parte de la url que hay despues del interrogante x000D              const getString   loc split      1   x000D                 obtenemos un array con cada clave valor x000D              const GET   getString split   amp     x000D              const get       x000D   x000D                 recorremos todo el array de valores x000D              for let i   0  l   GET length  i  lt  l  i     x000D                  const tmp   GET i  split       x000D                  get tmp 0     unescape decodeURI tmp 1     x000D                   END for x000D              return get  x000D               END if  x000D       END getGET x000D   x000D      x000D     DOMContentLoaded  x000D     param    const   valores   Cogemos los valores pasados por get  x000D     return   document write          x000D     x000D  document addEventListener  DOMContentLoaded        gt    x000D      const valores getGET    x000D   x000D      if valores   x000D                 hacemos un bucle para pasar por cada indice del array de valores x000D              for const index in valores   x000D                  document write   lt br gt clave    index  - valor    valores index      x000D                   END for x000D           else  x000D                 no se ha recibido ningun parametro por GET x000D              document write   lt br gt No se ha recibido ning  n par  metro    x000D               END if x000D         END DOMContentLoaded x000D   x000D   x000D

User · Answer

Captura datos usando metodo GET en la url colocar index html hola chao const   GET       const args   location search substr 1  split   amp     for  let i 0  i lt args length    i        const tmp   args i  split           if  tmp 0                     GET decodeURIComponent tmp 0      decodeURIComponent tmp slice 1  join     replace                     console log   gt  gt     GET  hola                END if      END for

User · Answer

With little php is very easy   HTML part    lt input type  text  name  some name  gt   JavaScript   lt script type  text javascript  gt      some variable     lt  php echo   POST  some name    gt     lt  script gt

User · Answer

The simplest technique   If your form action attribute is omitted  you can send a form to the same HTML file without actually using a GET HTTP access  just by using onClick on the button used for submitting the form  Then the form fields are in the elements array document FormName elements   Each element in that array has a value attribute containing the string the user provided  For INPUT elements   It also has id and name attributes  containing the id and or name provided in the form child elements

User · Answer

You can only get the URI arguments with JavaScript      get query arguments var   GET           args   location search substr 1  split   amp     for  var i 0  i lt args length    i        var tmp   args i  split           if  tmp 0                     GET decodeURIComponent tmp 0      decodeURIComponent tmp slice 1  join     replace

User · Answer

This is my first Answer in stackoverflow and my english is not good  so I can t talk good about this problem    I think you might need the following code to get the value of your  or  tags   this is what you might need   HTML   lt input id  input id  type  checkbox text radio  value  mehrad    gt    lt div id  writeSomething  gt  lt  div gt    JavaScript  function checkvalue input   Write      var inputValue   document getElementById input  value    if inputValue       amp  amp  inputValue   null         document getElementById Write  innerHTML   inputValue      else        document getElementById Write  innerHTML    Value is empty           also  you can use other codes or other if in this function like this   function checkvalue input   Write      var inputValue   document getElementById input  value    if inputValue       amp  amp  inputValue   null         document getElementById Write  innerHTML   inputValue      document getElementById Write  style color     000       else       document getElementById Write  innerHTML    Value is empty           and you can use this function in your page by events like this    lt div onclick  checkvalue  input id   writeSomthing    gt  lt  div gt    I hope my code will be useful for you  Write by  lt Mehrad Karampour gt

User · Answer

Here is my answer for this given a string returnURL which is like http   host com  param1 abc amp param2 cde  It s fairly basic as I m beginning at JavaScript  this is actually part of my first program ever in JS   and making it simpler to understand rather than tricky   Notes   No sanity checking of values Just outputting to the console - you ll want to store them in an array or something this is only for GET  and not POST  var paramindex   returnURL indexOf       if  paramindex  gt  0        var paramstring   returnURL split      1       while  paramindex  gt  0            paramindex   paramstring indexOf               if  paramindex  gt  0                var parkey   paramstring substr 0 paramindex               console log parkey              paramstring   paramstring substr paramindex 1      1 to strip out the                     paramindex   paramstring indexOf   amp             if  paramindex  gt  0                var parvalue   paramstring substr 0 paramindex               console log parvalue              paramstring   paramstring substr paramindex 1      1 to strip out the  amp            else      we re at the end of the URL             var parvalue   paramstring             console log parvalue              break

[javascript] Getting value GET OR POST variable using JavaScript?

Examples related to javascript