Показать div с другого сайта

Question

Есть ли способ использовать iframe или какой-либо другой способ показа именованного div с другого сайта?

Я хочу вставить некоторые данные с правительственного веб-сайта в карту Google, и когда они нажимают на точку, я хочу, чтобы информация из одного из подразделов на этой странице отображалась.

Answer 1

Используя JQuery, вы сможете точно это сделать с помощью функции загрузки. Вот небольшой пример для получения контейнера с идентификатором «container» на странице с именем Test.html:

$('#contentDiv').load('/Test.hmtl #container');

Вы можете посетить документацию JQuery здесь для получения дополнительной информации

Answer 2

Я предполагаю, что вы уверены в идентификаторе div на этом другом сайте.

Если да. используйте Jquery Ajax, чтобы перетащить содержимое сайта в скрытый фрейм на вашем сайте. затем извлеките содержимое рассматриваемого div-объекта в некоторую переменную, и затем вы сможете использовать его для своих целей (разбирать данные таблицы html или делать что угодно)

Откажитесь от содержимого iframe, чтобы в DOM вашей страницы не было ненужных элементов.

Answer 3

1. Ajax Call
2. Внутренняя служба по поиску HTML со страницы
3. Выберите div с помощью синтаксического анализатора xpath / SGML
4. Возврат к обработчику вызовов ajax
5. Заменить содержимое вашего div

Однако Существуют и другие проблемы, например, удаление чьего-либо сайта для их содержания без их разрешения - ПЛОХО.

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

Вам, вероятно, следует выяснить, как правильно получить нужные данные (возможно, где-то есть API), а затем отобразить свою собственную версию.

Answer 4

Для извлечения данных вам понадобится либо JSONP, либо посредник (например, скрипт PHP с использованием библиотеки CURL).

Функциональность JSONP включена в многочисленные библиотеки Javascript, такие как MooTools и jQuery. Этот метод я бы использовал.

MooTools: http://mootools.net/docs/more/Request/Request.JSONP

JQuery: http://docs.jquery.com/Release:jQuery_1.2/Ajax

После того как вы получили тело страницы, на которой находится DIV, вы можете использовать REGEX для извлечения информации из определенного элемента DIV.