How to pass data from Javascript to PHP and vice versa? [duplicate]

by

Passing data from PHP is easy, you can generate JavaScript with it. The other way is a bit harder – you have to invoke the PHP script by a Javascript request.

An example (using traditional event registration model for simplicity):

<!-- headers etc. omitted -->
<script>
function callPHP(params) {
    var httpc = new XMLHttpRequest(); // simplified for clarity
    var url = "get_data.php";
    httpc.open("POST", url, true); // sending as POST

    httpc.onreadystatechange = function() { //Call a function when the state changes.
        if(httpc.readyState == 4 && httpc.status == 200) { // complete and no errors
            alert(httpc.responseText); // some processing here, or whatever you want to do with the response
        }
    };
    httpc.send(params);
}
</script>
<a href="#" onclick="callPHP('lorem=ipsum&foo=bar')">call PHP script</a>
<!-- rest of document omitted -->

Whatever get_data.php produces, that will appear in httpc.responseText. Error handling, event registration and cross-browser XMLHttpRequest compatibility are left as simple exercises to the reader 😉

See also Mozilla’s documentation for further examples

More Related Contents:

  1. the facebooks 'xyz is typing' feature? [closed]
  2. Calling a function on click of button in HTML/PHP [closed]
  3. How do I pass JavaScript variables to PHP?
  4. Call php function from JavaScript
  5. AngularJS HTTP post to PHP and undefined
  6. How to get the jQuery $.ajax error response text?
  7. Send array with Ajax to PHP script
  8. How can I get the user’s local time instead of the server’s time?
  9. The holy grail of cleaning input and output in php?
  10. How to get JavaScript function data into a PHP variable
  11. Set cookie wih JS, read with PHP problem
  12. JavaScript: How do I create JSONP?
  13. Check file size before upload
  14. How to put php inside JavaScript?
  15. Send PHP date to JavaScript date format
  16. jQuery AJAX form using mail() PHP script sends email, but POST data from HTML form is undefined
  17. Set Session variable using javascript in PHP
  18. Scaling a chat app – short polling vs. long polling (AJAX, PHP)
  19. How to access PHP session variables from jQuery function in a .js file?
  20. How to dynamically populate options on dropdown lists based on selection in another dropdown?
  21. Is there a JavaScript way to do file_get_contents()?
  22. Pass a PHP variable to a JavaScript variable
  23. json parse error with double quotes
  24. How to I send data from JavaScript to PHP and vice versa? [duplicate]
  25. Data transfer from JavaScript to PHP
  26. What is the JS equivalent to the PHP function number_format?
  27. What is the safest way of passing arguments from server-side PHP to client-side JavaScript [duplicate]
  28. Prevent back button after logout
  29. How to detect the screen DPI using JavaScript
  30. Shuffles Random Numbers with no repetition in Javascript/PHP

Leave a Comment