How to pass JavaScript variables to PHP ?

JavaScript is the client side and PHP is the server side script language. The way to pass a JavaScript variable to PHP is through a request.

Method 1: This example uses form element and GET/POST method to pass JavaScript variables to PHP. The form of contents can be accessed through the GET and POST actions in PHP. When the form is submitted, the client sends the form data in the form of a URL such as:

https://example.com?name=value

This type of URL is only visible if we use the GET action, the POST action hides the information in the URL.



Client Side:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<head>
    <title>
        Passing JavaScript variables to PHP
    </title>
</head>
      
<body>
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
      
    <form method="get" name="form" action="destination.php">
        <input type="text" placeholder="Enter Data" name="data">
        <input type="submit" value="Submit">
    </form>
</body>
  
</html>

chevron_right






                        filter_none










Server Side(PHP): On the server side PHP page, we request for the data submitted by the form and display the result.











                                    filter_none




                                    edit

                                    close




                                    play_arrow




                                    link

                                    brightness_4

                                    code
                                




















<?php 


$result = $_GET['data']; 


echo $result; 


?> 



















                        chevron_right







                        filter_none










Output:




Method 2: Using Cookies to store information:

Client Side: Use Cookie to store the information, which is then requested in the PHP page. A cookie named gfg is created in the code below and the value GeeksforGeeks is stored. While creating a cookie, an expire time should also be specified, which is 10 days for this case.













                                    filter_none




                                    edit

                                    close




                                    play_arrow




                                    link

                                    brightness_4

                                    code
                                




















<script> 


  


// Creating a cookie after the document is ready 


$(document).ready(function () { 


    createCookie("gfg", "GeeksforGeeks", "10"); 


}); 


   


// Function to create the cookie 


function createCookie(name, value, days) { 


    var expires; 


      


    if (days) { 


        var date = new Date(); 


        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 


        expires = "; expires=" + date.toGMTString(); 


    } 


    else { 


        expires = ""; 


    } 


      


    document.cookie = escape(name) + "=" +  


        escape(value) + expires + "; path=/"; 


} 


  


</script> 



















                        chevron_right







                        filter_none










Server Side(PHP): On the server side, we request for the cookie by specifying the name gfg and extract the data to display it on the screen.













                                    filter_none




                                    edit

                                    close




                                    play_arrow




                                    link

                                    brightness_4

                                    code
                                




















<?php 


    echo $_COOKIE["gfg"]; 


?> 



















                        chevron_right







                        filter_none










Output:





          
          
          
          

            

    

        My Personal Notes
        arrow_drop_up
    

    

        
        

            
            
        

    


Recommended Posts:
Nilarjun
Check out this Author's contributed articles.
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on  the "Improve Article" button below.