可以使用 AJAX 或 JSONP 在 JavaScript 中加入 PHP 代码。通过 AJAX,可以向 PHP 脚本发送请求并接收响应,通过 JSONP,可以在不同域加载 JSON 数据。此外,还可以使用 PHP 包装器,允许直接在 JavaScript 中执行 PHP 代码。

如何在 JS 中加入 PHP 代码
使用 AJAX
AJAX 允许 JavaScript 与服务器进行通信,包括执行 PHP 脚本。按照以下步骤操作:
-
创建 PHP 脚本,例如
process.php:立即学习“PHP免费学习笔记(深入)”;
-
使用 JavaScript 中的
XMLHttpRequest对象向 PHP 脚本发送请求:var xhr = new XMLHttpRequest(); xhr.open("GET", "process.php?data=Hello", true); xhr.send(); xhr.onload = function() { console.log(this.responseText); // 输出 "Hello" };
使用 JSONP
JSONP(JSON with Padding)允许 JavaScript 从不同域加载 JSON 数据。这种方法允许您在 JavaScript 中接收 PHP 输出:
-
创建 PHP 脚本,例如
process.php,并生成 JSON 响应: -
使用 JavaScript 中的
script元素向 PHP 脚本发送请求:var script = document.createElement("script"); script.src = "process.php?data=Hello&callback=myCallback"; document.body.appendChild(script); function myCallback(data) { console.log(data); // 输出 "Hello" }
使用 PHP 包装器
一些 JavaScript 框架提供了 PHP 包装器,允许直接在 JavaScript 中执行 PHP 代码。例如:
使用 Vue.js
-
安装
phppackage:npm install --save-dev php
-
在 Vue.js 组件中,使用
php函数:import { php } from "php"; export default { data() { return { message: php`echo "Hello";` }; } };











