web関連

【jQuery】$.when()について

Ajaxと通常の処理の順番を変えたかったときの備忘録
ざっくりとした使い方の備忘録

$.whenの使い方

Ajaxの処理に時間がかかる場合

jQuery(function ($) {
	$.when(
		// 最初に実行したい処理
		$.ajax({…}).done(function () { console.log('ajax終了')}…),
		console.log('1.ajaxの処理の後に実行したい')
	).done(function(data) {
		// when()内の処理が終わった時の処理
		console.log('2.ajaxの処理の後に実行したい');
	}).fail(function() {
		// エラー時の処理
	});
});
// 出力結果
1.ajaxの処理の後に実行したい
ajax終了
2.ajaxの処理の後に実行したい

when()内に書くと処理は一緒に実行されて、done()の中に書くとwhen()内の処理が終わった後に実行することができるみたいね

.done(function(data)の引数の中のdataにはAjaxでリクエストしたものが入ってた

when()の中は「,(カンマ)」で繋げないと駄目みたい、注意
代わりにFetch APIを使ったりもできるっぽい

Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。