Асинхронный запрос
Ребят если кто поможет - респект и уважуха, как грится. Если кратко, то проблемка вот в чем:
Например есть страничка:
После Асинхронного запроса (...document.getElementById('myDiv').innerHTML = ...) получается вот что:
И при нажатии на нижний <div> хотелось бы увидеть alert. Но мы его не видим, так как мне кажется код вставленый innerHTML посде асинхронного запроса работать не будет. Если можно тыкните меня носом как обновить код скрипта, что-бы alert увидел вставленную переменную XXX,
P.S. При щелчке правой кнопкой "показать код элемента" (chrome) исправно показывает вставленный innerHTML код скрипта. Может как то асинхронно обновить страницу?
Например есть страничка:
Код:
...
<div id = "myDiv">
</div>
<div onclick = "alert(XXX)"></div>
...
<div id = "myDiv">
</div>
<div onclick = "alert(XXX)"></div>
...
Код:
...
<div id = "myDiv">
...
<script>
var XXX = 'Ну когда же все это заработает наконец';
</script>
...
</div>
<div onclick = "alert(XXX)"></div>
...
<div id = "myDiv">
...
<script>
var XXX = 'Ну когда же все это заработает наконец';
</script>
...
</div>
<div onclick = "alert(XXX)"></div>
...
P.S. При щелчке правой кнопкой "показать код элемента" (chrome) исправно показывает вставленный innerHTML код скрипта. Может как то асинхронно обновить страницу?
Если всё так как написано, то вообще непонятно зачем вставлять какой-то HTML-код в документ. Разве не проще переменные создать в callback'е запроса?
Например:
Таким образом переменным назначаем значение.
Сдаётся мне так проще, нежели мудрить с вставлянием кода.
Например:
Код:
<?php
/** Сервер возвращает такой объект */
echo json_encode(array("XXX"=>iconv("cp1251", "utf-8", "Ну когда же все это заработает наконец"),
"XXY"=>iconv("cp1251", "utf-8", "Вроде работает")));
?>
/** Сервер возвращает такой объект */
echo json_encode(array("XXX"=>iconv("cp1251", "utf-8", "Ну когда же все это заработает наконец"),
"XXY"=>iconv("cp1251", "utf-8", "Вроде работает")));
?>
Код:
/** В браузере как-то так */
XXX = '';
XXY = '';
var req = new XMLHttpRequest();
req.open(
'GET',
'http://.......',
true
);
req.onreadystatechange = function(){
var ret = JSON.parse(req.responseText);
for(var f in ret){
window[f]=ret[f];
}
}
req.send();
XXX = '';
XXY = '';
var req = new XMLHttpRequest();
req.open(
'GET',
'http://.......',
true
);
req.onreadystatechange = function(){
var ret = JSON.parse(req.responseText);
for(var f in ret){
window[f]=ret[f];
}
}
req.send();
Сдаётся мне так проще, нежели мудрить с вставлянием кода.