如何在jQuery脚本中嵌入PHP？实现将jQuery变量值存入PHP变量

你现在的写法之所以行不通，核心是没搞清楚服务器端代码（PHP）和客户端代码（JS/jQuery）的执行顺序——PHP是在服务器上先跑完，生成页面内容后才发送给浏览器，这时候浏览器才会执行JS代码。你在JS函数里嵌PHP代码，服务器执行PHP的时候，JS的gtext变量还根本没被定义，而且这种写法还会导致JS语法错误，自然看不到输出。

先说说你原有代码的问题 #

你原来的代码在服务器执行后，发送到浏览器的JS代码会变成这样：

$(document).ready(function() {
  var gtext = "Sample text";
  console.log(gtext); 
  <script>document.write(gtext)</script> 
  hi 
});

看到没？<script>标签直接插在JS函数里，这完全是无效的JS语法，浏览器会直接报错，导致后面的代码都没法执行，所以echo "hi"输出的内容也变成了JS里的无效代码，自然看不到。

正确的解决方案：通过HTTP请求传递数据 #

因为PHP在服务器端，JS在客户端，要把JS变量传给PHP，必须通过HTTP请求把客户端的数据发送到服务器，常见的两种方式：

方法1：用AJAX（无刷新，推荐） #

这种方式不需要刷新页面，就能把数据悄悄传给PHP：

前端jQuery代码：

$(document).ready(function() {
  var gtext = "Sample text";
  
  // 用AJAX发送数据到PHP文件
  $.ajax({
    url: '处理请求的PHP文件.php', // 替换成你的PHP文件路径
    type: 'POST',
    data: { 
      js_text: gtext // 这里的键名可以自定义，PHP那边要对应
    },
    success: function(response) {
      // 接收PHP返回的结果
      console.log("PHP已经收到数据啦，返回内容：" + response);
      // 也可以把结果显示在页面上，比如：
      // $('#result').text(response);
    },
    error: function() {
      console.log("请求出错了");
    }
  });
});

对应的PHP文件（比如处理请求的PHP文件.php）：

<?php
// 检查是否收到AJAX传来的数据
if(isset($_POST['js_text'])) {
  // 把JS传过来的值存入PHP变量
  $variablephp = $_POST['js_text'];
  
  // 现在你可以用这个PHP变量做任何事了，比如存数据库、输出内容
  echo "PHP变量的值是：" . $variablephp;
}
?>

方法2：用表单提交（刷新页面） #

如果允许页面刷新，也可以用隐藏表单字段来传递数据：

前端代码：

<!-- 一个隐藏的表单，用来提交数据 -->
<form method="POST" action="处理请求的PHP文件.php">
  <input type="hidden" id="hidden_text" name="js_text" value="">
  <button type="submit">提交数据</button>
</form>

<script>
$(document).ready(function() {
  var gtext = "Sample text";
  // 把JS变量的值赋值给隐藏输入框
  $('#hidden_text').val(gtext);
});
</script>

对应的PHP文件：

<?php
if(isset($_POST['js_text'])) {
  $variablephp = $_POST['js_text'];
  echo "PHP变量的值：" . $variablephp;
}
?>

总结 #

记住一个核心逻辑：PHP先跑，JS后跑，不能直接在JS代码里让PHP去拿还没生成的JS变量，必须通过HTTP请求把客户端的数据主动发给服务器端的PHP才行。

内容的提问来源于stack exchange，提问作者Suriya Karthikeyan