[英]Alternative for ajax async: false
在ajax完成之前中斷屬性火災。 我發現的唯一解決方案是使“異步:假”。 但已棄用。 有沒有更好的選擇來等待ajax完成而不將async設置為false?
$.getJSON(jsonUrl, function(data) {
var type, json, options;
var globalData = data;
$.each(globalData.properties, function(key, value) {
switch(value.type) {
case 'string':
type = '<input type="text">'
break;
case 'int':
type = '<input type="number" min="0">'
break;
case 'decimal':
type = '<input type="number" min="0" step="0.01">'
break;
case 'date':
type = '<input type="date">'
break;
case 'boolean':
type = '<input type="checkbox">'
break;
case 'json':
json = './assets/json/' + value.json_name + '.json'
$.ajax({
async: false,
url: json,
success: function(data) {
$.each(data, function(index, item) {
options += '<option value=' + item.key + '>' + item.value + '</option>'
})
type = '<select id="issue-form"><option disabled selected value></option>' + options + '</select>';
}
});
break;
}
listItem += '<li class="questionnaire_item">' +
'<label>' +
'<div class="question">' +
value.description + ':' +
'</div>' +
'<div class="input">' +
type +
'</div>' +
'</label>' +
'</li>';
type = '';
})
form.innerHTML += listItem;
$('.content').append(form)});
解決此問題的最佳方法是將中斷或操作放在ajax請求的成功回調中,此外,您可以在ajax請求的beforeSend
回調中使用布爾值集,然后等待布爾值仍然為false :
$.getJSON(jsonUrl, function(data) {
var type, json, options;
var globalData = data;
$.each(globalData.properties, function(key, value) {
var isBusy = false;
switch(value.type) {
case 'string':
type = '<input type="text">'
break;
case 'int':
type = '<input type="number" min="0">'
break;
case 'decimal':
type = '<input type="number" min="0" step="0.01">'
break;
case 'date':
type = '<input type="date">'
break;
case 'boolean':
type = '<input type="checkbox">'
break;
case 'json':
json = './assets/json/' + value.json_name + '.json'
$.ajax({
async: false,
url: json,
beforeSend: function(){
isBusy = true;
},
success: function(data) {
isBusy = false;
$.each(data, function(index, item) {
options += '<option value=' + item.key + '>' + item.value + '</option>'
})
type = '<select id="issue-form"><option disabled selected value></option>' + options + '</select>';
}
});
while(isBusy) {}
break;
}
listItem += '<li class="questionnaire_item">' +
'<label>' +
'<div class="question">' +
value.description + ':' +
'</div>' +
'<div class="input">' +
type +
'</div>' +
'</label>' +
'</li>';
type = '';
})
form.innerHTML += listItem;
$('.content').append(form)});
但是,這再次打破了提出AJAX請求的要點,您最好在加載頁面之前先准備數據,然后再顯示它。
老實說,這種解決方案不是最好的解決方案,正如羅里在評論中所說,我會承諾。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.