Javascript 将php内容加载到Phonegap中_Javascript_Php_Jquery_Html_Cordova

Javascript 将php内容加载到Phonegap中

javascript php jquery html cordova

Javascript 将php内容加载到Phonegap中,javascript,php,jquery,html,cordova,Javascript,Php,Jquery,Html,Cordova,我正在与Phonegap和Dreamweaver合作，以建立一个小型应用程序，但我面临一个问题，因为我是Phonegap的新手我有一个HTML5文件和CSS文件，也有config.xml格式的图标、闪屏等 Phonegap只读取index.html，而不读取index.php文件 <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="f

我正在与Phonegap和Dreamweaver合作，以建立一个小型应用程序，但我面临一个问题，因为我是Phonegap的新手

我有一个HTML5文件和CSS文件，也有config.xml格式的图标、闪屏等

Phonegap只读取index.html，而不读取

index.php

文件

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<title>Celebrity.Com | Android App</title>
<link rel="stylesheet" type="text/css" href="mobile_css/style.css" media="all" />
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="phonegap.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>

<script type="text/javascript">
$(document).ready(function() {
    $(".loa").load("grab.php");
});
</script>

</head>

<body>

<div class="headerHolder"><div class="logo"></div></div>
<div style="width:100%; height:20px; float:left; margin-bottom:1px;"></div>

<div class="loa" style="width:100%; padding-bottom:5px;">

<div style="clear:both;"></div>
</div>

</body>
</html>

所以我制作了一个

grab.php

文件来从我的主机中提取一些数据。Localhost一切都很好，但当我构建应用程序时，它不会加载数据

这是我的html文件和

grab.php

文件

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<title>Celebrity.Com | Android App</title>
<link rel="stylesheet" type="text/css" href="mobile_css/style.css" media="all" />
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="phonegap.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>

<script type="text/javascript">
$(document).ready(function() {
    $(".loa").load("grab.php");
});
</script>

</head>

<body>

<div class="headerHolder"><div class="logo"></div></div>
<div style="width:100%; height:20px; float:left; margin-bottom:1px;"></div>

<div class="loa" style="width:100%; padding-bottom:5px;">

<div style="clear:both;"></div>
</div>

</body>
</html>


名人网|安卓应用程序
app.initialize（）；
$（文档）.ready（函数（）{
$（“.loa”）.load（“grab.php”）；
});

和grab.php

<?php
require "connectiondb.php";
$bann = mysql_query ("SELECT * FROM info ORDER BY a_name");
while($bannerl = mysql_fetch_assoc($bann)) {
echo '
<div class="articleHolder">
<div class="imageholder"><img src="'.$bannerl['a_image'].'" width="180" height="120"/></div>
<div class="controlz"><span style="float:left;">'.$bannerl['a_name'].'</span><img style="width:65px; height:65px; float:right;" src="images/details.png" width="65" height="65" border="0"></div>
</div>';
}
?>

我试图将

grab.php

文件上载到我的服务器并从这里加载，但我认为该策略不允许我运行，无法从其他服务器加载文件。

您需要将主机放入白名单（）

然后，您必须在Phonegap配置中指定您的域：

然后，您可以发出ajax请求，但必须指定域，因此需要类似于：

<script type="text/javascript">
$(document).ready(function() {
    $(".loa").load("http://yourdomain.com/grab.php");
});
</script>


$（文档）.ready（函数（）{
$（“.loa”）.load（”http://yourdomain.com/grab.php");
});