mythmaker 29 янв 2011 в 11:09

Ajax загрузка данных из контейнера

1 мин

20K

jQuery *

Перевод

+41

Комментарии 49

sHinE 29 янв 2011 в 11:12

Этот пример с загрузкой из определенного котейнера на странице раньше чуть ли не на главной висел или в одном из самых первых туториалов, мне он почему-то особо запомнился.
Сейчас это тоже ни от кого не скрывают :) — api.jquery.com/load/

НЛО прилетело и опубликовало эту надпись здесь

ChemAli 31 янв 2011 в 14:57

Автор привнес в текст свое личное удивление. В оригинале автор заостряет внимание именно на проблеме.

НЛО прилетело и опубликовало эту надпись здесь

Vig7 29 янв 2011 в 12:43

А можно таким методом загрузить контент страницы с другого домена?

mythmaker 29 янв 2011 в 12:45

Due to browser security restrictions, most «Ajax» requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, or protocol.

Vig7 29 янв 2011 в 13:12

Ну вот фигово. 2011 год на дворе, а все пользоваться iframe приходится.

TheShock 29 янв 2011 в 13:24

Откройте для себя магию jsonp.

TheShock 29 янв 2011 в 13:24

en.wikipedia.org/wiki/JSONP#JSONP

ArtyV 29 янв 2011 в 16:29

Данный комментарий был бы бессмысленным, если бы не имелась в виду загрузка с чужого другого домена.

TheShock 29 янв 2011 в 18:57

Аааа. Ну, батенька, если загружать данные совсем с чужого домена, то хто вам доктор? Хоть 2011 год, хоть 2022, но таким образом можно ведь воровать личные данные, потому оно нах никому не надо.

ArtyV 29 янв 2011 в 18:58

И поэтому кроссдоменный аякс всё-таки есть в спецификации?

TheShock 29 янв 2011 в 19:01

Вы про allow-заголовки?

TheShock 29 янв 2011 в 19:08

Или postMessage

ArtyV 30 янв 2011 в 06:29

Yep

TheShock 30 янв 2011 в 13:19

Ну так если есть возможность установить allow-заголовок, то и jsonp настроить можно.

ArtyV 30 янв 2011 в 14:02

Ну почему же, в jsonp можно отдать только какое-то определённое содержимое, а allow кто-нибудь незадачливый может выставить на всё содержимое и достаточно маленькой xss дырки на allowed домене, чтобы поиметь какую-нибудь выгоду.

ozoned 29 янв 2011 в 18:17

А толку от jsonp если сторонний сервер не отдает в нем данные? Тогда уже легче сделать у себя серверный скрипт для парсинга удаленной страницы.

philpirj 29 янв 2011 в 21:27

И вам в помощь YQL.

philpirj 29 янв 2011 в 21:27

yql вам в помощь

НЛО прилетело и опубликовало эту надпись здесь

philpirj 31 янв 2011 в 16:46

YQL вам в помощь.

philpirj 1 фев 2011 в 20:19

Прежде, чем минусовать, посмотрите, что это. Можно с минимальными затратами в форматах JSON или XML через JSONP можно получить данные из любой части любой страницы любого домена.

ney 29 янв 2011 в 12:48

Почему нельзя сделать просто так?

$("#area").load("something.html #content");

mythmaker 29 янв 2011 в 12:50

Ээээм, я разве где-то написал что нельзя?

ney 29 янв 2011 в 12:50

Извиняюсь, комментарий раньше времени отправился…

Почему нельзя написать так?

$("#area").html($("something.html #content").html());

TheShock 29 янв 2011 в 12:53

Потому что где вы тут видите ajax?

mythmaker 29 янв 2011 в 12:53

А разве здесь будет запрос страницы something.html? По-моему будет искаться контейнер с айди #content внутри тега something со стилем html.

TheShock 29 янв 2011 в 12:54

*с классом

mythmaker 29 янв 2011 в 12:55

Да, именно.

ney 29 янв 2011 в 12:55

Теперь всё понятно. Спасибо большое!

DIDJER 29 янв 2011 в 13:13

Ну в общем то это лишь иллюзия, страницу всё ровно придётся загружать целиком.

taxigy 29 янв 2011 в 13:42

Это так, однако раскладывать DOM на составляющие уже не придётся.

deNULL 29 янв 2011 в 13:54

Теряется положительный эффект загрузки с помощью ajax — никакой экономии трафика.

Как правило, с тем же успехом можно просто сделать переход на страницу.

Не спорю, что есть случаи, когда это будет иметь смысл (хотя это и менее эффективно, чем отдавать только нужную часть страницы или же вовсе только данные, по которым на стороне клиента строить DOM) — но иметь в виду этот момент все же стоит.

mythmaker 29 янв 2011 в 18:07

Имхо, это неплохой способ загружать статичные списки, загружая их не из базы, а из html файла.

deNULL 29 янв 2011 в 18:11

Если только этот html-файл предполагается использовать как самостоятельную страницу.

Иначе все же лучше создать для каждого списка отдельный файл, а не гонять общую страницу туда-сюда постоянно.

Dlussky 29 янв 2011 в 21:13

Можно заставить браузер ее закешировать, и тогда можно будет быстро-быстро подгружать часто используемые и нечасто обновляемые блоки)

turbo_exe 29 янв 2011 в 18:02

а ничего, что в примере на странице два элемента с одинаковыми айди?

mythmaker 29 янв 2011 в 18:06

А ничего, что там написано, что это ошибочная ситуация при работе и так быть не должно. А дальше написано, как это исправить.

turbo_exe 30 янв 2011 в 10:03

а ведь и действительно!

nekt 29 янв 2011 в 19:32

Олдовых javascript-программистов пост улыбает.

Volshebnyi 29 янв 2011 в 19:51

А знали ли вы, что можно выбрать элементы по атрибуту, например
$('input[name=myinput]').val('myvalue');

Я бы тоже про это статью написал, но кармы мало. Если вы хотите видеть 100500 статей про базовые вещи в jQuery — плюсуйте мне карму и я каждый день буду радовать вас новым топиком.