mythmaker Jan 29 2011 at 14:09

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

1 min

20K

jQuery*

Translation

+41

Comments 49

sHinE Jan 29 2011 at 14:12

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

UFO just landed and posted this here

ChemAli Jan 31 2011 at 17:57

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

UFO just landed and posted this here

Vig7 Jan 29 2011 at 15:43

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

mythmaker Jan 29 2011 at 15: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 Jan 29 2011 at 16:12

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

TheShock Jan 29 2011 at 16:24

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

TheShock Jan 29 2011 at 16:24

en.wikipedia.org/wiki/JSONP#JSONP

ArtyV Jan 29 2011 at 19:29

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

TheShock Jan 29 2011 at 21:57

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

ArtyV Jan 29 2011 at 21:58

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

TheShock Jan 29 2011 at 22:01

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

TheShock Jan 29 2011 at 22:08

Или postMessage

ArtyV Jan 30 2011 at 09:29

Yep

TheShock Jan 30 2011 at 16:19

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

ArtyV Jan 30 2011 at 17:02

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

ozoned Jan 29 2011 at 21:17

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

philpirj Jan 30 2011 at 00:27

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

-2

philpirj Jan 30 2011 at 00:27

yql вам в помощь

-2

UFO just landed and posted this here

philpirj Jan 31 2011 at 19:46

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

-2

philpirj Feb 1 2011 at 23:19

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

ney Jan 29 2011 at 15:48

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

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

-2

mythmaker Jan 29 2011 at 15:50

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

-1

ney Jan 29 2011 at 15:50

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

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

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

-3

TheShock Jan 29 2011 at 15:53

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

mythmaker Jan 29 2011 at 15:53

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

TheShock Jan 29 2011 at 15:54

*с классом

mythmaker Jan 29 2011 at 15:55

Да, именно.

-1

ney Jan 29 2011 at 15:55

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

DIDJER Jan 29 2011 at 16:13

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

taxigy Jan 29 2011 at 16:42

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

deNULL Jan 29 2011 at 16:54

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

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

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

mythmaker Jan 29 2011 at 21:07

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

deNULL Jan 29 2011 at 21:11

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

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

Dlussky Jan 30 2011 at 00:13

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

turbo_exe Jan 29 2011 at 21:02

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

mythmaker Jan 29 2011 at 21:06

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

turbo_exe Jan 30 2011 at 13:03

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

nekt Jan 29 2011 at 22:32

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

Volshebnyi Jan 29 2011 at 22:51

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

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