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


Load PHP page in Cordova phonegap with using AJAX

我想在安卓移动应用程序中显示我的php页面。我使用cordova,并在我的项目中添加了一个php页面,目录为"php/load.php"。我试图在索引上显示此页面.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 ;
?>

你的 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>

四个要点:

  1. 收听科尔多瓦设备就绪事件

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

  3. 你必须白听你所有的外部资源。

  4. 你应该使用 https。

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

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

这将返回一个 JSON 数组对象,您可以使用该对象由 JavaScript 渲染,然后放入这些 HTML 元素。

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