私は 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 での非同期呼び出しに対して何か特別なことはありますか?
ご協力いただきありがとうございます。
シリル