2013-12-18 40 views
0

我正在使用phonegap和dreamweaver設置一個小應用程序,但由於我是電話中的新手而面臨一個問題。將php內容加載到電話號碼

我有一個HTML5文件和我的CSS文件也config.xml形式我的圖標,splashscreen等 Phonegap只讀取index.html而不是index.php文件。

所以我做了一個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> 

而且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文件上傳到我的服務器,從這裏加載它,但我認爲該政策並不讓我跑,負載其他服務器的文件。

回答

2

你需要把你的主機在一個白名單(http://docs.phonegap.com/en/1.9.0/guide_whitelist_index.md.html

然後,你必須在PhoneGap的配置,以指定您的域:

然後你就可以讓Ajax請求,但你必須指定域,所以需要像這樣:

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