0
jqueryとajaxを使用してドロップダウンをバインドしたい場合、ページが読み込まれるときにメソッドをコールしようとしています。私のコードの下にJavaスクリプトのメソッドページロード時にメソッドが呼び出されない
$(function() {
getCategoryDetails();
getCountryDetails();
});
以下は私の取得カテゴリーの詳細です。これは、空のドロップダウンとパラメータ値とブロックUIを割り当てることが好きで述べた方法の上にあるドロップダウンカテゴリーのAppender方法に
function getCategoryDetails() {
try {
$('#ddlCategory').empty().append('<option selected="selected" value="0">Select Category</option>');
categoryReq.PageIndex = 1;
categoryReq.objDetails.OrganizationID = LoggedinUserDetails.ID;
categoryReq.objDetails.OpType = 1;
blockUI();
dropdownCategoryAppender();
}
catch (err) {
messageProvider(0, err);
unBlockUI();
}
}
function dropdownCategoryAppender() {
try {
$.ajax({
type: 'POST',
url: '/pages/AddContact.aspx/GetCategoryDetails',
dataType: 'json',
data: JSON.stringify({ 'obj': JSON.stringify(categoryReq) }),
contentType: 'application/json; charset=utf-8',
success: function (data, textStatus, xhr) {
categoryRes = data.d;
categoryReq.IsMoreRecords = categoryRes.IsMoreRecords;
if (categoryRes.ReturnID >= 1) {
var ddl = $("[id*=ddlCategory]");
$.each(categoryRes.objDetails, function() {
ddl.append($("<option></option>").val(this.ID).html(this.Name));
});
unBlockUI();
}
else {
messageProvider(0, categoryRes.ReturnMsg);
unBlockUI();
}
if (categoryReq.IsMoreRecords) {
categoryReq.PageIndex++;
blockUI();
dropdownCategoryAppender();
}
},
error: function (xhr, textStatus, errorThrown) {
messageProvider(0, textStatus + ', ' + errorThrown);
unBlockUI();
}
});
}
catch (err) {
messageProvider(0, err);
unBlockUI();
}
}
を呼び出すのが動作し、適切に働いているが、メソッドの下に働いていません。 私は国のデータを取得していますが、これらのデータをドロップダウンにバインドしようとしていますが、バインディングプロセスはスキップします。
function getCountryDetails() {
try {
$('#ddlCountry').empty().append('<option selected="selected" value="0">Select Country</option>');
countryReq.PageIndex = 1;
countryReq.objDetails.OpType = 1;
blockUI();
dropdownCountryAppender();
}
catch (err) {
messageProvider(0, err);
}
}
function dropdownCountryAppender() {
try {
$.ajax({
type: 'POST',
url: '/pages/AddContact.aspx/GetCountryDetails',
dataType: 'json',
data: JSON.stringify({ 'obj': JSON.stringify(countryReq) }),
contentType: 'application/json; charset=utf-8',
success: function (data, textStatus, xhr) {
countryRes = data.d;
countryReq.IsMoreRecords = countryRes.IsMoreRecords;
if (countryRes.ReturnID >= 1) {
var ddl = $("[id*=ddlCountry]");
$.each(countryRes.objDetails, function() {
ddl.append($("<option></option>").val(this.ID).html(this.Name));
});
unBlockUI();
}
else {
messageProvider(0, countryRes.ReturnMsg);
unBlockUI();
}
if (countryReq.IsMoreRecords) {
countryReq.PageIndex++;
blockUI();
dropdownCountryAppender();
}
},
error: function (xhr, textStatus, errorThrown) {
messageProvider(0, textStatus + ', ' + errorThrown);
unBlockUI();
}
});
}
catch (err) {
messageProvider(0, err);
unBlockUI();
}
}
これについてのご意見はありますか？
このコードを試してみてください、あなたは 'ドキュメントready'を使用しましたか？ –
私はこの使用しています 'ドキュメントready' –
あなたは、ページの読み込み準備状態で機能を発射する必要があります（$（関数（）{ getCategoryDetails（）; getCountryDetails（）;; を}））また、スクリーンショットを投稿します。 –