使用 AJAX 在 Cordova phonegap 中加载 PHP 页面答案

【问题标题】：Load PHP page in Cordova phonegap with using AJAX使用 AJAX 在 Cordova phonegap 中加载 PHP 页面
【发布时间】：2016-03-01 20:11:42
【问题描述】：

我想在 android 移动应用程序中显示我的 php 页面。我使用cordova，并在我的项目中添加了一个带有此目录“php/load.php”的php页面。我试图在 index.html 上显示这个页面我试过这样但它不起作用。

<button type="submit" onclick="show();">Show it</button>

<script type="text/javascript">
$(document).ready(function() {
    function show(){
            $.ajax({
                method: 'GET',
                url: 'php/load.php',
                dataType: 'text'
            })
            .done(function(data) {
                    alert(data);
                })
        alert("Pause");
    }
    });
});
</script>

这是我的 php 文件：

<?php
$a = "AAAAAAAA";
echo $a ;
?>

【问题讨论】：

标签： php android jquery ajax cordova

【解决方案1】：

您的 JavaScript 中有可能导致大部分问题的语法错误。看看这个并尝试一下。

<script>
    $(function() {
        $("#btn_show").on("click", function() {
            $.ajax({
                method: 'GET',
                url: 'php/load.php',
                dataType: 'text'
            }).done(function(data) {
                alert(data);
            });
        });

    });
    </script>
    <button type="submit" id="btn_show" >Show it</button>

【讨论】：

好的，您能发布您看到的任何错误吗？另外，您是否注意到按钮本身添加了id="btn_show"？

【解决方案2】：

四个要点：

收听 cordova deviceready 事件
您的 ajax 请求中的 url 不是本地的，也不能是本地的，因为您的设备上没有运行服务器。所以它必须是这样的：https://www.example.com/load.php
您必须将所有外部资源列入白名单。
你应该使用 https。

【讨论】：

【解决方案3】：

我建议在 php.ini 中使用 json_encode 函数。例如：

<?php
$a = "AAAAAAAA";
echo json_encode($a) ;
?>

这将返回一个 json 数组对象，您可以使用该对象被 javascript 渲染，然后放到那些 html 元素上。

更改 ajax 的 url 例如：“url:localhost/website/load.php” 我认为也必须这样做才能使 ajax 正常工作。

【讨论】：