How to Pass Variables from Javascript to PHP

Last Updated: January 6, 2021

In many instances, JavaScript is used on the client-side and PHP is used on the server-side of a website. This wikiHow will teach you how to pass variables (or data) between JavaScript and PHP using either a "GET/POST" method or using cookies.

Method 1

Method 1 of 2:

Using "GET/POST" Commands

1
Enter the following code into your HTML:
```
<!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>
```
- This code lets the user to your website enter information.^{[1]
  X
  Research source}
2
Enter the following code into your PHP code on your server:
```
<?php 
$result = $_GET['data']; 
echo $result; 
?>
```
- Even though the user entered information in a JavaScript environment, their data will be passed through to PHP on the server-side.
Advertisement
3
Test your code. Upload the new code to your website, generally using an FTP. After it's uploaded, enter test data to see if your code works.

Method 2

Method 2 of 2:

Using Cookies

1

Enter the following code into your website coding:

<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>

2
Enter the following code for your server to use:
```
<?php 
	echo $_COOKIE["gfg"]; 
?>
```
- As coded, the cookies will expire within 10 days.
3
Test your code. Upload the new code to your website and visit it to see if the cookies are working.