通常のAjaxアクセスをするには以下のように記述します。
サーバからの応答を受信した時にonCompleteに指定したコールバック関数が実行されます。
onCompleteはレスポンスの成功、失敗に関係なく実行されます。
成功時と失敗時で処理を分けたい場合はonSuccessとonFailureを使用して下さい。
new Sabel.Ajax().request("./ajax_sample.txt", {
onSuccess: function(response) {
alert(response.responseText); // ajax sample success.
}
});
サーバ側で整形されたHTMLを返して、特定の要素の中身だけを置き換えたい場合は、updaterメソッドを使用します。
new Sabel.Ajax().updater("replace", "./ajax_sample.txt");
requestメソッドにtimeoutオプションを渡すと、リクエストのタイムアウト処理を追加出来ます。
timeoutオプションはミリ秒で指定します。
※このサンプルでは、PHP側で10秒スリープさせているので必ずonTimeoutメソッドが呼ばれます。
new Sabel.Ajax().request("./ajax_timeout_sample.php", {
timeout: 2000,
onComplete: function(response) {
alert("通常の処理"); // 呼ばれない
},
onTimeout: function() {
alert("タイムアウトしました");
}
});