Pass Javascript Variable to PHP POST

Question

Possible Duplicate    JavaScript post request like a form submit       I have a value calculated in JS that I d like to pass as part of an input form to a PHP script  How can I get a value the JS value to the PHP as a POST parameter   Basically  on submit  I need the total var to be passed via post to the next script   The first idea that comes to mind is create an invisible input form that has the value in it and is inputted with the form  is that possible

User · Answer

There is a lot of ways to achieve this  In regards to the way you are asking  with a hidden form element   create this form element inside your form    lt input type  hidden  name  total  value    gt    So your form like this    lt form id  sampleForm  name  sampleForm  method  post  action  phpscript php  gt   lt input type  hidden  name  total  id  total  value    gt   lt a href     onclick  setValue     gt Click to submit lt  a gt   lt  form gt    Then your javascript something like this    lt script gt  function setValue        document sampleForm total value   100      document forms  sampleForm   submit       lt  script gt

User · Answer

Your idea of an hidden form element is solid  Something like this   lt form action  script php  method  post  gt   lt input type  hidden  name  total  id  total  gt   lt  form gt    lt script type  text javascript  gt  var element   document getElementById  total    element value   getTotalFromSomewhere  element form submit     lt  script gt    Of course  this will change the location to script php  If you want to do this invisibly to the user  you ll want to use AJAX  Here s a jQuery example  for brevity   No form or hidden inputs required    post  script php     total  getTotalFromSomewhere

User · Answer

You can do this using Ajax  I have a function that I use for something like this   function ajax elementID filename str post        var ajax      if  window XMLHttpRequest                ajax new XMLHttpRequest     IE7   Firefox  Chrome  Opera  Safari           else if  ActiveXObject  Microsoft XMLHTTP                  ajax new ActiveXObject  Microsoft XMLHTTP     IE6 5           else if  ActiveXObject  Msxml2 XMLHTTP                  ajax new ActiveXObject  Msxml2 XMLHTTP     other           else               alert  Error  Your browser does not support AJAX             return false            ajax onreadystatechange function                 if  ajax readyState  4 amp  amp ajax status  200                        document getElementById elementID  innerHTML ajax responseText                      if  post  false                ajax open  GET  filename str true           ajax send null             else               ajax open  POST  filename true           ajax setRequestHeader  Content-type   application x-www-form-urlencoded            ajax send str             return ajax      The first parameter is the element you want to change  The second parameter is the name of the filename you re loading into the element you re changing  The third parameter is the GET or POST data you re using  so for example  total 10000 amp othernumber 999   The last parameter is true if you want use POST or false if you want to GET

User · Answer

Yes you could use an  lt input type  hidden    gt  and set the value of that hidden field in your javascript code so it gets posted with your other form data

[php] Pass Javascript Variable to PHP POST

Examples related to php

Examples related to javascript

Examples related to ajax

Examples related to post