Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > событие window.onload и Ajax

Автор: Alex_B 26.5.2007, 08:46

Есть закладки при нажатии на которые происходит Ajax взаимодействие с сервером и загрузка HTML кода в отведенный для этого контейнер DIV.

Необходимо совершить действие только когда загрузка HTML кода будет полностью закончена.
Аналог window.onload на обычных страницах без Ajax.

Как такое можно сделать?

Спасибо.

Добавлено через 4 минуты и 23 секунды
Наступает событие window.onload второй раз после динамического обновления HTML кода в контейнере DIV

Автор: 12345c 26.5.2007, 12:20

Цитата(Alex_B @ 26.5.2007, 08:46

)

только когда загрузка HTML кода будет полностью закончена.

На это как раз используется req.onreadystatechange при req.readyState==4, показываемое во всех примерах.

Автор: Alex_B 26.5.2007, 13:35

Спасибо. Вот так сделал

На событие, которое происходит когда Ajax запрос обработан

Код


req.onreadystatechange = function() {
    if (req.readyState == 4){
        действия когда запрос обработан...
    }
}

помимо вставки полученного HTML кода
document.getElementById('div_id').innerHTML = req.responseText;
Нужно подгружать JavaScript, т.е. выглядеть это должно примерно так:

Код


req.onreadystatechange = function() {
    if (req.readyState == 4){
        document.getElementById('div_id').innerHTML = req.responseText;
        подгрузка js файла
    }
}

Вопрос свелся к тому, как можно из Яваскрипта подгрузить и выполнить другой яваскрипт?
(желательно без eval)

Нашел оч. хорошее решение здесь на форуме:

Код


function change_src()
{var link = "scriptN.js";
var old_s = document.getElementById('dataloader');
if (old_s)
{old_s.parentNode.removeChild(old_s);            
}
var s = document.createElement('script');
s.setAttribute('type', 'text/javascript');
s.src = link;
s.id = 'dataloader';
document.getElementsByTagName('head')[0].appendChild(s);        
}