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

Question

我想在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 ;
?>

Answer 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>

Answer 2

四个要点：

1. 收听Cordova设备就绪事件

2. 您的ajax请求中的网址不是本地的，也不能是本地的，因为您的设备上没有服务器在运行。 所以它必须是这样的： https : //www.example.com/load.php

3. 您必须将所有外部资源列入白名单。

4. 您应该使用https。

Answer 3

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

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

这将返回一个json数组对象，您可以使用它由javascript呈现，然后放到那些html元素上。

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