在Cordova App上加载PHP页面

时间:2018-01-11 09:51:09

标签: javascript php cordova

我目前正在尝试使用cordova,尝试开发应用。我在一台Windows服务器上运行它,该服务器有多个使用PHP页面的网站。

我目前有这个代码的HTML版本,但我想我会复制代码并将其保存到.php文件中并添加php代码来测试它:

<!DOCTYPE html>
<html ng-app="app">
    <head>
        <meta http-equiv="Content-Security-Policy" content="script-src 'self' http://xxxx 'unsafe-inline' 'unsafe-eval';">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="css/default.css">
        <title>App</title>
    </head>
    <body>
        <div id="welcomepage_banner" class="welcomepage_banner">
            <?php echo "hello"; ?>
        </div>
        <script type="text/javascript" src="js/angularjs_1_2_10.js"></script>
        <script type="text/javascript" src="js/angular-ui-bootstrap_0_11_0.js"></script>
        <script type="text/javascript" src="js/app.js"></script>
    </body>
</html>

所以我运行node.js并测试它,我在浏览器上运行应用程序,显示为:http://localhost:8000/login.php

但这一切都是下载页面。服务器上运行为PHP文件/页面的其他网站似乎可以工作,但事实并非如此。这有可能吗?

1 个答案:

答案 0 :(得分:0)

你需要使用像这样的东西:

<div id="welcomepage_banner" class="welcomepage_banner">
   <span id="yourid">  </span>
</div>


  $.ajax({
                 type: "POST",
                 url: "http://Your-serveur.com/index.php",
                 data: {"data":"Your data"},
                 async: true,
                 success: function(data)
                 { 
                    var obj = JSON.parse(data);
                   $("#yourid").html(obj.data.var);
                }

        });