我正在使用Cordova制作一个简单的移动应用程序。当我在浏览器中测试它时,我的代码完美无缺,但在Android手机上测试时会忽略成功函数并直接打印来自db.js的错误消息。
以下是相关的index.html
<body>
<div class="app">
<h1></h1>
<div id="deviceready" class="blink">
<div>
<div id="output"></div>
</div>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/db.js"></script>
</body>
带有ajax函数的db.js
$(document).ready(function() {
$(document).bind('ready', function() {
var output = $('#output');
$.ajax({
url: 'http://domainName/server/folder/db.php',
dataType: 'jsonp',
jsonp: 'jsoncallback',
timeout: 5000,
success: function(data, status){
$.each(data, function(i, item){
var cards = '<h1>' + item.title + '</h1>' + item.body
+ '<br>' + '<img src="img/' + item.slug + '.jpg"' + '>' + '<br>' ;
output.append(cards);
});
},
error: function(){
output.text("There was an error loading the data.");
}
});
});
});
db.php中
<?php
header('Content-type: application/json');
$host = 'hostname';
$dbname = 'database';
$user = 'username';
$pass = 'passoword';
$jsoncallback = isset($_GET['jsoncallback'])? $_GET['jsoncallback'] : "";
$con = mysql_connect($host, $user, $pass) or die("Could not connect: " . mysql_error());
mysql_select_db($dbname, $con);
$sql = "SELECT * FROM cards";
$result = mysql_query($sql) or die("Query error: " . mysql_error());
$records = array();
while($row = mysql_fetch_assoc($result)) {
$records[] = $row;
}
mysql_close($con);
echo $jsoncallback . '(' . json_encode($records) . ');';
所有域名都列入白名单:
<access origin="*" />
Android清单中的权限:
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
有什么想法吗?
答案 0 :(得分:0)
您是否尝试过将代码放入设备中?假设你的html起始索引文件看起来如下,
<html>
<head> </head>
<body onload="onBodyLoad()" >
</body>
</html>
,您的脚本文件如下所示。
<script>
function onBodyLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
function onDeviceReady() {
// do your thing here!
}
</script>
答案 1 :(得分:0)
我通过使用Phonegap(而不是Cordova)构建一个新项目来实现它。否则完全相同的代码。仍然不知道为什么它不适用于Cordova。