Опять возвращаюсь к старой теме: подгрузка данных без перезагрузки страницы.
Дано:
1. Большая и тяжёлая страница, с кучей-кучей объектов js, картинок и текста.
2. Узкий канал.
Задача:
Подгружать данные в виде кода JavaScript без перезагрузки страницы.
Я вижу следующие варианты решения данной задачи:
1. Метод appendChild ( или replaceChild, что бы не плодить дополнительных скриптов).
Суть в следующем:
а) создаём новый элемент типа script
б) задаём его свойства type = text/javascript и src = <откуда_грузить>
в) говорим appendChild(этот_элемент).
| Код |
|
На стороне сервера (/upload) генерируется текст
alert('Вы передали: <%=param%> = <%=value%>');
для каждой переданной пары param=value;
Таким образом, параметры передаются методом GET.
Работает это в IE 5+(младше не проверял), Gecko, Opera (7.5+, младше не проверял).
В нашем случае выскочит окошко с надписью "Вы передали: param1 = value1".
Не работает: в Konqueror (что есть большой минус, ИМХО).
На мой взгляд, метод имеет много плюсов, например то, что можно передавать любые данные: текст, объекты JS, в общем, любые типы данных JS.
2. IFRAME.
Суть метода: делаешь невидимый IFRAME, в который при необходимости заливаешь данные перезагрузкой оного, потом, после загрузки, достаёшь из него полученный текст, eval() его и вот тебе код JS.
Но, на мой взгляд, тут есть много минусов:
а. Изменяется история браузера.
б. Появляется кнопочка <back> в браузере, при нажатии на которую Вы попадаете на свою же страницу
в. Во всяких ИЕ щелчки раздаются.
г. Работает дольше, чем первый метод.
Но плюсы в том, что работать будет в гораздо большем числе браузеров, чем в методе 1.
Может быть и можно как-то избавиться от минусов а) и б), но я пока не знаю как. Но вот от минусов в) и г) точно не избавиться.
------------------------------------------------
Как решить задачу?
Можно ли написать API в виде объекта JS, который позволит её решать на любом браузере (эх, мечты, мечты...
), или на самых таких популярных, как ИЕ, опера, geck'и, конквуеры, нетшкафы и т.п.?В общем, To Be or Not to Be, that is question. :^)