JavaScript是客户端, PHP是服务器端脚本语言。将JavaScript变量传递给PHP的方法是通过请求。
方法1:本示例使用表单元素和GET/POST方法将JavaScript变量传递给PHP。内容的形式可以通过PHP中的GET和POST操作访问。提交表单后, 客户端以URL的形式发送表单数据, 例如:
https://example.com?name=value
仅当我们使用GET操作, POST操作将URL中的信息隐藏时, 此类URL才可见。
客户端:
<!DOCTYPE html>
<html>
<head>
<title>
Passing JavaScript variables to PHP
</title>
</head>
<body>
<h1 style = "color:green;">
lsbin
</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>
![如何将JavaScript变量传递给PHP?1](https://www.lsbin.com/wp-content/uploads/2021/04/Form-Output-for-passing-data-from-JS-to-PHP.png)
服务器端(PHP):在服务器端PHP页面上, 我们请求表单提交的数据并显示结果。
<?php
$result = $_GET [ 'data' ];
echo $result ;
?>
输出如下:
![如何将JavaScript变量传递给PHP?2](https://www.lsbin.com/wp-content/uploads/2021/04/ge1.png)
方法2:使用Cookie来存储信息:
客户端:
使用Cookie存储信息, 然后在PHP页面中进行请求。 Cookie名为gfg
在下面的代码中创建, 并且值lsbin被储存了。创建Cookie时, 还应指定一个过期时间, 即
10
这种情况下的天数。
<script>
//Creating a cookie after the document is ready
$(document).ready(function () {
createCookie("gfg", "lsbin", "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>
服务器端(PHP):在服务器端, 我们通过指定名称来请求Cookiegfg并提取数据以将其显示在屏幕上。
<?php
echo $_COOKIE [ "gfg" ];
?>
输出如下:
![如何将JavaScript变量传递给PHP?3](https://www.lsbin.com/wp-content/uploads/2021/04/ge1-1.png)