Здравствуйте.
Есть веб-приложение на twitter.bootstrap + jQuery, которое посылает в цикле ~ 150 ajax запросов. После, приложение обрабатывает полученные данные.
Вот метод, который используется для ajax-запросов:
getAjaRemotely : function(ajaxData){
result = [];
$.ajax({
type: "GET",
async:false,
data: ajaxData,
url: "proxy.php",
success: function(msg){
result = $.parseJSON(msg);
}
,failute: function(msg){
log.error('Сбой при загрузе данных с сервера. Пожлауйста, проверьте Ваше соядинение с Интернет и повторите попытку.');
result = [];
}
});
return result;
}
Проблема, приложение как бы зависает на период времени, пока выполняются ajax-запросы. Т.е., пока все 150 ajax-запросов не будут отправлены, нет возможности работать ни с одним gui-элементом страницы. Даже скроллбар не работает. Элементы интерфейса сайта никак не реагируют на попытку взаимодействовать с ними во время выполнениия 150 ajax-запросов в цикле.
Что вызывает это подвисание интерфейса? Как с этим бороться? Как добиться того, чтобы пользователь мог работать с другими эелементами интерфейса, в период, пока подгружаются данные по ajax?