Здравствуйте!
Вчера была тема "Мистика в JS", у меня похожая ситуация) Привожу код с комментариями:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
function getAcntArray()
{
if ($.isEmptyObject(acntArray))
{
xhttpMain=new XMLHttpRequest();
xhttpMain.open('GET','acn_list.json',true);
xhttpMain.send();
xhttpMain.onreadystatechange=function(){
if (xhttpMain.readyState==4){
var json=eval( '('+xhttpMain.responseText+')' );
sessionStorage.setItem("acnCount", json.acn_list.length);
for (var i=0; i<json.acn_list.length; i++)
{
acntArray[i] = [json.acn_list[i].param1, json.acn_list[i].param2, json.acn_list[i].param3, json.acn_list[i].param4];
}
}
}
}
else alert("acntArray is not empty");
}
$(document).on("pageinit", "#main", function() {
getAcntArray(); //здесь выполняется XHR-запрос. Работает нормально
//если вот здесь добавить алерт, то все нормально работает. Если не добавлять - ошибка "acntArray[i] is undefined" на след. строке
//запрос, видимо, не успевает выполниться
for (var i=0; i<sessionStorage.getItem("acnCount"); i++) {
$("#accnts").append('<li data-value="'+acntArray[i][0]+'"><a href="#acn_actions"><p class="ui-li-heading">'+acntArray[i][1]+'. '+acntArray[i][2]+'</p><p class="ui-li-desc">Комментарий пользователя</p><p class="ui-li-aside ui-li-desc">'+((-1)*acntArray[i][3])+' '+'</p></a></li>');
}
Пытался в строке
1.
xhttpMain.open('GET','acn_list.json',true);
вместо true поставить false, типа выполнить синхронный запрос - не помогло. Посоветуйте, пожалуйста, что делать. Я думал поставить setTimeout на весь код, который после вызова getAcntArray(), но это не выход - если запрос длится дольше чем время таймаута, появится ошибка.
