使用PhoneGap調用異步AJAX時UI凍結

我正在開發PhoneGap應用程序，它在我的計算機瀏覽器和iOS模擬器中工作正常，但在設備（iPhone和Android）上調用異步AJAX時UI凍結。使用PhoneGap調用異步AJAX時UI凍結

例如，我使用動畫GIF圖像向我的用戶顯示內容正在加載，我已完成10個同時呼叫，但用戶界面正在等待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的異步調用呢？

感謝您的幫助。

Cyril

來源

2012-08-31 cyrilPA

所以ajax調用沒有問題。問題只在於用於ajax調用的加載器。爲此，有一個jQuery加載器的jQuery庫。試試看。它會解決你的問題。通過這個鏈接，

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

來源

2012-09-01 06:46:42 Akilan

我已經在我的應用程序使用此lib中，但我在這裏使用的裝載機存在於我的所有細胞中，以顯示我的用戶正在加載的內容。任何其他想法？ – cyrilPA

使用PhoneGap調用異步AJAX時UI凍結

回答

相關問題