VPF::Динамическая загрузка содержимого

Budy

Дата 3.10.2008, 12:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 616
Регистрация: 6.2.2004
Где: Екатеринбург

Репутация: нет
Всего: 2

:Приветствую вас, жители Винграда
Сразу скажу, что фреймы не вариант.
Интерисует динамическая загрузка данных без обновления шаблона. Допустим пользователь загружает страничку с элементом <Div id='maintext'>Идет загрузка</Div> и при полной загрузке этой страницы начинается загрузка содержимого в этот элемент.
Я искал пример. Нашел вот такой:

Код


...
<Body onLoad="xxx.upload('load.php');">

<script>
function clUploadData () {
    this.type = "text/javascript";
    this.oldScript = document.createElement("SCRIPT");
    this.oldScript.type = this.type;
    document.body.appendChild(this.oldScript);
    this.upload = function (url) {
        var newScript = document.createElement("SCRIPT");
        newScript.type = this.type;
    newScript.src  = url + '?call=' + Math.random();
        document.body.replaceChild(newScript, this.oldScript);
        this.oldScript = newScript;
    }
}
var xxx = new clUploadData();
</Script>
...

где файл load.php имеет следующее содержимое:

Код


mainbox = document.getElementById('maintext');
mainbox.innerHTML = 'Страница загрузилась!';

Этот пример хорошо работает. Скрипт загружается, выполняется, содержимое элемента заменяется.
А можно ли этот текст загружать как обычный текст без выполнения скрипта? Возможно вместо document.createElement("SCRIPT") нужно использовать другую комбинацию?

--------------------

Как ты назовешь свой корабль, так на нем и напишут
user posted image

Loengreen

Дата 3.10.2008, 15:41 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 42
Регистрация: 13.7.2007

Репутация: нет
Всего: нет

Посмотрите тут - http://forum.vingrad.ru/forum/topic-229936...y1655699/0.html
(предпоследний комментарий).

То есть идея в целом:
1) По событию window.onload прописываем отправку AJAX запроса с помощю xmlHTTPRequest
2) Используем свойство onreadystatechang (назначаем функцию, которая выполнится при получение ответа с сервера).

Budy

Дата 6.10.2008, 05:11 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 616
Регистрация: 6.2.2004
Где: Екатеринбург

Репутация: нет
Всего: 2

Loengreen, как ни странно, но в Opera createXMLHttp() не работает. В следующем коде алерт не выполняетя:

<script>
req = createXMLHttp();
alert(req);
</script>

--------------------

Как ты назовешь свой корабль, так на нем и напишут
user posted image

ksnk

Дата 6.10.2008, 07:19 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Budy, Технология называется Aajx. По ней **много** книг и примеров и в форуме и в интернете вообще.

createXMLHttp - это, по всей видимости, какой-то вариант процедуры кроссброузерной генерации xmlHttp- объекта. Его несложно найти в этом форуме или дождаться реакции Loengreen'а smile

А что не нравится в примере из первого поста? Такой способ достаточно универсален, поддерживается даже теми броузерами, которые и не догадывались об Ajax, и занимает меньше строк кода, чем работа с xmlHttp.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »