Cordova开发中XMLHttpRequest调用PHP返回脚本而非执行结果求助

嘿，我之前开发Cordova应用时也碰到过一模一样的坑！这问题的核心原因其实很好理解：Cordova在Android或浏览器构建环境下，前端代码是通过file://协议加载本地文件系统里的资源，而PHP脚本必须依赖Web服务器（比如Apache、Nginx）才能被解析执行——直接访问本地PHP文件的话，系统只会把它当成纯文本文件返回，根本不会触发PHP的执行逻辑，这和普通Web应用在服务器环境下运行的情况完全不同。

下面给你几个实用的解决方案，你可以根据自己的场景选：

方案1：将PHP脚本部署到远程Web服务器（最推荐） #

这是最稳妥也最符合生产环境的做法，把你的PHP查询脚本和MySQL数据库部署到线上服务器（比如云服务器、虚拟主机，甚至本地搭的XAMPP远程访问），然后修改前端的请求地址为远程服务器的HTTP/HTTPS URL。

举个例子，把原来的本地路径：

xhr.open('GET', './query.php');

改成远程服务器地址：

xhr.open('GET', 'http://your-server-domain.com/query.php');

同时要在Cordova的config.xml里配置允许访问这个域名，避免跨域问题：

<!-- 允许访问该域名的资源 -->
<access origin="http://your-server-domain.com/*" />
<!-- 允许应用导航到该域名 -->
<allow-navigation href="http://your-server-domain.com/*" />

这个方案的好处是和你之前的普通Web应用逻辑完全一致，不用改太多代码，而且数据库的连接信息不会暴露在客户端，安全性更高。

方案2：在Android上集成本地Web服务器（适合测试/离线场景） #

如果你的应用必须在本地运行PHP（比如离线测试、特定离线业务场景），可以给Cordova添加一个本地Web服务器插件，让它在Android设备上启动一个迷你Web服务器来解析PHP脚本。

推荐用cordova-plugin-httpd插件，步骤如下：

1. 安装插件：

cordova plugin add cordova-plugin-httpd

2. 在前端代码中启动服务器并请求PHP：

// 初始化本地服务器
const httpd = cordova.plugins.CorHttpd;
httpd.startServer({
    // 指定PHP脚本所在的目录（比如www/php文件夹）
    www_root: '/android_asset/www/php',
    port: 8080,
    // 是否只允许本地访问，测试阶段可以设为false
    localhost_only: false
}, function(serverUrl) {
    // 服务器启动成功，比如返回http://localhost:8080
    console.log('本地服务器启动成功：', serverUrl);
    // 用这个地址请求PHP脚本
    const xhr = new XMLHttpRequest();
    xhr.open('GET', `${serverUrl}/query.php`);
    xhr.onload = function() {
        if (xhr.status === 200) {
            const result = JSON.parse(xhr.responseText);
            // 处理返回的JSON数据
        }
    };
    xhr.send();
}, function(error) {
    console.error('本地服务器启动失败：', error);
});

注意：这个方案只适用于Android平台，Cordova的浏览器构建不支持；而且本地服务器的性能和安全性都不如远程服务器，只建议用于测试或特定离线场景。

方案3：替换为Cordova本地数据库插件（完全离线方案） #

如果你的业务允许将数据预先打包到本地，或者不需要和远程MySQL实时同步，那不如直接抛弃PHP+MySQL的组合，改用Cordova的本地数据库插件，比如cordova-plugin-sqlite-2，把数据存在设备本地的SQLite数据库里，前端直接查询本地数据库，彻底避开PHP执行的问题。

这种方案不仅解决了当前的问题，还能提升应用的响应速度，适合离线使用的场景。

额外注意点 #

• 对于Cordova的浏览器构建：如果你想在浏览器里测试，不能直接打开本地的HTML文件（还是file://协议），需要把前端文件放到本地Web服务器（比如XAMPP的htdocs目录），然后用http://localhost访问，这样PHP脚本就能正常执行了。
• 安全性：永远不要在Cordova应用的客户端代码（包括本地PHP脚本）里硬编码MySQL的用户名和密码，很容易被反编译获取到。如果用远程服务器，一定要给接口添加鉴权逻辑（比如Token验证）。

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