Jquery & Phonegap

Question

通过jquery连接到我的PHP代码，尝试从我的Mysql数据库中获取一些信息以显示出来。

然而，当我加载页面时(无论是在我的手机上还是在我的PC上)，它完全是空白的。

这是我的jquery代码，它在phonegap构建中，就在<./body.>标记之前，我包含了最新的jquery：

<script type="text/javascript">
$(document).ready(function(){
    var output = $('#output');

    $.ajax({
        url: 'http://feedmysound.com/app/json.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status){
            $.each(data, function(i,item){
                var landmark = '<h1>'+item.title+'</h1>'
                + '<p>'+item.postin+'<br>'
                + item.user+'</p>';

                output.append(landmark);
            });
        },
        error: function(){
            output.text('There was an error loading the data.');
        }
    });
   });
 </script>

这是json.php上的php：

<?php 
$con = mysqli_connect("localhost", "xxxxxx","xxxxxx", "xxxxxx");
if (!$con)
{
 die('Could not connect: ' . mysqli_error($con));
}

$result= mysqli_query($con, "SELECT * FROM xxxxx WHERE postin = 'main' ORDER BY datetime DESC")or die(mysqli_error($con));

$records = array();

while($row = mysqli_fetch_assoc($result))
{

$records[] = $row;
}   

echo $_GET['jsoncallback'] . '(' . json_encode($records) . ');';
?>

有人知道哪里出了问题吗？

这就是小提琴..我不确定这在这里是否可能，但是http://jsfiddle.net/h4dmF/9/

亲切的问候

Answer 1

您的json.php数据URL在浏览器中加载正常，因此MySQL连接没有问题。

我不确定你的应用程序，但小提琴至少被错误地包装在脚本标记中。下面是一个有效的示例：

http://jsfiddle.net/hansvedo/h4dmF/10

<div id="output"></div>​
<script type="text/javascript">
$(document).ready(function(){

由于应用程序从远程域加载数据，因此您可能需要使用$.jsonp而不是$.ajax：http://samcroft.co.uk/2010/loading-data-into-a-phonegap-app/

Answer 2

“我对你的应用程序不太确定，但小提琴至少没有正确地包装在脚本标记中。这是一个有效的例子：”- hansvedo

在评论中修正了它！感谢每一个试图帮助/思考这个问题的人！

$(document).ready(function() {
    var output = $('#output');

    $.ajax({
        url: 'http://feedmysound.com/app/json.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status) {
            $.each(data, function(i, item) {
                var landmark = '<h1>' + item.title + '</h1>' + '<p>' + item.postin + '<br>' + item.user + '</p>';

                output.append(landmark);
            });
        },
        error: function() {
            output.text('There was an error loading the data.');
        }
    });
});