Загрузка JSON в PhoneGap? - PullRequest
Новая
       4

Загрузка JSON в PhoneGap?

2 голосов
/ 25 октября 2011

В основном у меня есть php-скрипт, расположенный на сервере, который генерирует JSON-файл со списком мест из базы данных mysql. Используя jQuery Mobile, я разрабатываю приложение для отображения этих мест. Мой код работает в Chrome & Safari, однако, когда я перевожу его на Phonegap, он не работает. Я искал по всему интернету, но не могу найти ответ: (.

Файл php для генерации JSON (json.php): 

<?php
header('Content-type: application/json');


$server = "localhost";
$username = "xxx";
$password = "xxx";
$database = "xxx";

$con = mysql_connect($server, $username, $password) or die ("Could not connect: " . mysql_error());
mysql_select_db($database, $con);

$sql = "SELECT * FROM places ORDER BY name ASC";
$result = mysql_query($sql) or die ("Query error: " . mysql_error());

$records = array();

while($row = mysql_fetch_assoc($result)) {
    $records[] = $row;
}

mysql_close($con);

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

Мой файл Javascript, расположенный в моем приложении (загружает JSON и отображает его): 

$('#places').bind('pageinit', function(event) {
    getPlaces();
});


function getPlaces() {

    var output = $('#placeList');

    $.ajax({
        url: 'http://www.mysite.com/json.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status){
            $.each(data, function(i,item){
                var place = '<li><a href="">'+item.name+'<span class="ui-li-count">'
                + item.checkins+'</span></a></li>';

                output.append(place);
            });
            $('#placeList').listview('refresh');
        },
        error: function(){
            output.text('There was an error loading the data.');
        }
    });

}

HTML выглядит так: 

<div data-role="content">
            <h3>Places</h3>
            <ul data-role="listview" id="placeList" data-inset="true">

        </ul>
</div><!-- /content -->

Этот код работает в Chrome & Safari, однако при запуске в симуляторе xCode с Phonegap он не загружает JSON.

Любая помощь будет высоко ценится:)

1 Ответ

0 голосов
/ 24 ноября 2011

Вероятно, это как-то связано с белым списком, Apple не верит ни в какие типы неконтролируемых данных (например, в фреймы или каналы).Поэтому они отклоняют каждое внешнее соединение.

Взгляните на phonegap.plist в корневой папке вашего проекта (xcode) и добавьте URL вашего сайта в массив «ExternalHosts».Это, вероятно, будет хорошо работать после.

...