2

我已经为此工作了三天,并且几乎尝试了所有替代代码和修复程序,但均无济于事。

下面是代码,取自沼泽标准 jQuery 示例:

    $.ajax({
            url: "http://api.wunderground.com/api/4213a68e7f20c998/geolookup/conditions/forecast/q/Australia/Noarlunga.json",
            dataType: "jsonp",
            success: function(parsed_json) {
               alert("YEP!");
               var loc = parsed_json['response'];
               var weather = "Location: " + parsed_json.location.city + "<br />";
               weather += "Wind: " + parsed_json.current_observation.wind_dir + " ";
               weather += parsed_json.current_observation.wind_mph + "-" + parsed_json.current_observation.wind_gust_mph + " knts";
               $("#info").html(weather);
           }    
    });

这是很多人建议的一些配置(什么也没做)

    $( document ).bind( "mobileinit", function() {
        // Make your jQuery Mobile framework configuration changes here!
        $.mobile.allowCrossDomainPages = true;
        $.mobile.ajaxEnabled = true;
        $.mobile.pushStateEnabled = false;
        $.mobile.allowCrossDomainPages = true;  
    });

此外,我有:

  • 将 <uses-permission android:name="android.permission.INTERNET" /> 添加到 AndroidManifest.xml 文件中

  • 在同一目标上测试浏览器中的 json 请求 URL(工作正常)

  • 在 FireFox / Chrome 中测试页面(工作正常)
  • 通过 3G 在我的 Galaxy s2 上尝试了该应用程序(UI 一切正常,但 ajax 请求仍然失败)

请注意,这不是完整的代码,但它只是位于标准 phonegap deviceready 侦听器事件函数中,该函数包装在标准 .ready() 函数中。

这在我的手机和 SDK 上失败的事实似乎表明存在 phonegap / Eclipse 问题,而不是连接 / 权限问题。

我正在尝试使用 Android SDK 部署到 Android 2.3 AVD。我还没有尝试部署到 Android 4 AVD。

如果有人知道问题出在哪里,我会很高兴,因为我已经没有尝试的建议了!

4

3 回答 3

3

如果前提是您可以修改服务器上的php代码..

试试这个,这样您就可以在本地浏览器或没有 JSONP 的移动设备上进行测试

1.按照jQueryMobile网站的说明,很好地解释了如何使它与phonegap一起工作(http://jquerymobile.com/test/docs/pages/phonegap.html)

在您所在的<script></script>地区,添加

$(document).on("mobileinit", function(){
  //apply overrides here
  $.mobile.allowCrossDomainPages = true;
  $.support.cors = true;

});

你的ajax可能是

$.ajax({
           type: "GET",
           url: "http://xx.xx.xx.xx/xxx/xx.php"
        }).done(function( msg ) {
           alert(msg);
           //refresh the content
           $( '.ui-content' ).load( 'xx/xx.html', function ()  {$(this).trigger('create') });
        });

2.你的php是这样的:

 <?php
    header('Access-Control-Allow-Origin: *');//for local browser test
    $test='[{"name":"aa","address":"aa"}, {"name":"bb","address":"bb"}]';
    echo $test;
 ?>
于 2012-12-07T15:13:57.370 回答
0

$( document ).bind( "mobileinit", function()

添加

$.support.cors = true. 

:)

于 2012-08-09T02:54:36.093 回答
0

我尝试了很多组合,最终奏效的是将以下内容添加到我的 index.html 中。关键是确保在加载 jquerymobile 之前加载它(如果您正在使用它)。如果在此之后将其加载到任何地方,它将无法正常工作。

<script type="text/javascript">
$(document).bind("mobileinit", function() {
    $.support.cors = true;
    $.mobile.allowCrossDomainPages = true;
});
</script>
于 2014-01-11T00:40:56.477 回答