1

我正在开发一个 PhoneGap 应用程序,它在我的计算机浏览器和 iOS 模拟器中运行良好,但是在设备(iPhone 和 Android)上调用异步 AJAX 时 UI 冻结。

例如,我正在使用动画 GIF 图像向我的用户显示内容正在加载,我同时完成了 10 个调用,但 UI 正在等待 10 个调用完成,然后才更改屏幕内容。问题是加载动画甚至没有完成。

这是我的ajax调用:

GetContribution: function(me, id) {

$.ajax({ 
    cache: false, 
    async: true, 
    type: "GET", 
    dataType: "json",
    url: AN_URL,
    data: 'id='+id+'&type=0',
    contentType: "application/json;charset=utf-8",
    accept: "application/json", 
    beforeSend: configureHeader,
    success: function (data) {
        me.set(data.GetContributionResult);
    me.setPZLoaded(true);
        me.grabContributions();
        me.trigger('change');
    },
    error: function (r) {
        console.log(r);
    }
});

},

PhoneGap 上的异步调用有什么特别的事情要做吗?

谢谢你的帮助。

西里尔

4

1 回答 1

0

所以ajax调用没有问题。问题仅在于 ajax 调用的加载程序。为此,有一个用于 ajax 加载器的 jquery 库。试试看。它会解决你的问题。通过这个链接,

http://jquery.malsup.com/block/

于 2012-09-01T06:46:42.373 回答