Запрос Ajax работает в браузере, но не на устройстве Android

Я делаю простое мобильное приложение с 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>

db.js с функцией ajax

$(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" />

Любые идеи?


android cordova javascript jquery ajax
person liharts    schedule 02.09.2015    source источник
comment
Вы пытались напечатать сообщение об ошибке: function(e){ output.text("Error: "+e); }?   -  person lifeisfoo    schedule 02.09.2015
comment
Да: error:function(){output.text("There was an error loading the data.")}; Печатает на экране устройства. Пока функция успеха выполняется в браузере.   -  person liharts    schedule 02.09.2015
comment
В кордове вы должны дождаться события deviceready перед любыми действиями. См. это: stackoverflow.com/a/32351495/3340702   -  person lifeisfoo    schedule 02.09.2015

Ответы (2)


arrow_upward
0
arrow_downward

Вы пытались поместить свой код в устройство? Предположим, ваш начальный индексный файл html выглядит следующим образом:

<html>
<head> </head>
<body onload="onBodyLoad()" >
</body>
</html>

и ваш файл сценария выглядит следующим образом.

<script>
function onBodyLoad() {
    document.addEventListener("deviceready", onDeviceReady, false);
}
function onDeviceReady() {
// do your thing here!
}
</script>
person locknies    schedule 02.09.2015
comment
Deviceready запускается в начале приложения, например это. На всякий случай я поместил код jquery в функцию bindEvents (в index.js), но получил те же результаты: скрипт успешно выполняется в браузере, но безуспешно на устройстве. - person liharts; 02.09.2015

arrow_upward
0
arrow_downward

Я заставил это работать, создав новый проект с Phonegap (вместо Cordova). В остальном точно такой же код. До сих пор не знаю, почему это не сработает с Кордовой.

person liharts    schedule 03.09.2015