我有一系列 AJAX 调用,这些调用在 DOM 加载后被触发到 Web 服务器以加载更多信息(我将调用包装在 $.ready 函数中)。但是,它似乎仍然处于阻塞状态。我没有在我的代码中设置异步选项。我在这里做错了吗?以下是我的代码:
$(document).ready(function() {
var places = #{@results.to_json};
Places.SERP.initialize(places);
});
在我的 Serp.js 中, Places.SERP.initialize(places) 被定义:
initialize = function(places) {
initMap(places);
initDeals(places);
initFriends(places);
};
在 3 个 init* 调用中,我有许多 $.ajax 调用来从服务器获取更多信息。代码看起来像这样:
$.ajax({
type: "GET",
timeout: 1000,
url: url,
dataType: "json",
success: function(retval) {
if (retval) {
var data = retval.data;
if (data) {
var stats = data.stats,
friends = data.friends;
if (stats) {
$("#places-" + internalId).find(".checkins-wrapper").
hide().
append(template({
checkinCount: stats.checkinsCount
})).
fadeIn();
}
}
}
},
error: function(jqXHR, status, errorThrown) {
}
});