如何将已有PHP变量赋值给AJAX变量完成参数传递

PHP是服务端执行的语言，JS是用户浏览器端执行的语言，二者运行环境完全隔离，不能直接在JS代码里写$my_php_var读取PHP变量，必须在服务端渲染页面阶段，把PHP变量的值输出到前端代码中才能被JS读取。另外你贴的原始代码存在几处JS语法错误，修正方案分两种常见场景：

场景1：JS逻辑和PHP代码写在同一个.php文件中 #

这是你当前代码对应的场景，直接用json_encode()函数输出变量值即可，该函数会自动处理字符串引号、特殊字符转义，避免JS语法报错，也能防范基础的XSS风险，是PHP向JS传值的官方推荐方式，不要手动给输出内容套引号，遇到特殊字符很容易出问题。

修正后可直接运行的代码：

<?php
$my_php_var = "foo";
?>
<!-- 记得提前引入jQuery，否则$标识符会报未定义错误 -->
<script>
$(document).on('click', '#btn_add', function(){
    // 服务端渲染时会直接把$my_php_var的值输出到这行
    var my_php_var = <?php echo json_encode($my_php_var); ?>;
    $.ajax({
       url:"directory/script.php",
       method:"POST",
       data:{my_php_var:my_php_var},
       dataType:"text",
       success:function(data){
            alert(data);
       }
    })
})
</script>

原代码的语法错误修正点：

• 删除url配置项末尾多余的右括号
• 删除success函数声明末尾多余的分号
• 补全点击事件回调的闭合括号

场景2：JS逻辑写在独立的外部.js文件中 #

如果你的AJAX代码存放在单独的.js文件里，服务器默认不会对.js文件解析PHP语法，这种情况可以选两种传值方式：

• 全局挂载变量：在.php文件加载外部JS之前，先把需要的PHP变量挂载到window全局对象上，外部JS直接读取即可

  <script>
  window.customGlobal = {
      myPhpVar: <?php echo json_encode($my_php_var); ?>
  }
  </script>
  <script src="your-external-js.js"></script>
  

  外部JS里直接取window.customGlobal.myPhpVar就能拿到值。
• DOM属性传值：把变量绑定到触发事件的DOM节点的data-*自定义属性上，JS触发事件时读取属性值

  <button id="btn_add" data-php-var="<?php echo htmlspecialchars($my_php_var); ?>">提交</button>
  

  JS中读取的逻辑：

  $(document).on('click', '#btn_add', function(){
      var my_php_var = $(this).data('php-var');
      // 后续正常写AJAX请求逻辑即可
  })
  

内容的提问来源于stack exchange，提问作者Justin Brassell