これは、状態に応じてブランチ情報をフェッチする私の jQuery です。
$("#state").change(function () {
var state = $("#state").val();
$.ajax({
async: false,
type: 'GET',
url: '../getBranches',
data: {
state: state
},
success: function (html) {
var branch = $("#branch");
branch.find('option').remove();
branch.append($('<option/>').val("").text("----Select"));
if (html == "") {
return false;
}
var opts = html.split(',');
$.each(opts, function (i, opt) {
branch.append(
$('<option/>').val(jQuery.trim(opt)).text(jQuery.trim(opt)));
});
}
});
});
ajaxが完全に実行されるまで、「お待ちください...」または「データをロードしています」などのメッセージをUIに表示したいと思います。それはどのように達成できますか?