2011-03-29 2 views
2

WebPage1.html ->содержит мои фактическое содержаниезахватный элементы из другого веб-сайта с помощью JQuery

WebPage2.html ->Содержит некоторые элементы, которые я хочу показать на WebPage1.html

Итак, согласно информации выше, как захватить элементы с другой страницы/домена/и т. Д. показать их на моей странице с помощью jQuery?

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

Надеюсь, я точно выражу свои вопросы.

Заранее спасибо.

+4

Если WebPage2 живет в другом домене, вы не можете этого сделать. – spender

ответ

1

Что вы хотите сделать, это запрос ajax jquery. This page описывает этот API. Затем вы будете использовать селектора jquery для извлечения только тех элементов, которые вы хотели, а затем измените свой DOM таким образом, чтобы отображать их.

Хотя в большинстве случаев @spender является правильным в отношении запросов перекрестных доменов, this link может помочь.

Это показывает, как вы можете выполнить вызов ajax на свой собственный сервер и заставить его захватить (и, надеюсь, santize/process) ответ, который вы хотите.

Это часто считается плохой практикой, и если вы заявляете, какую проблему вы хотите решить, мы сможем дать вам лучший совет.

+0

Можете ли вы уточнить/указать свой ответ? Я довольно новичок в ** jQuery ** и, как правило, очень теряюсь в API. Давайте сделаем это легко, скажем ** WebPage2.html ** имеет '# some-heading', который вы хотите отобразить в ** WebPage1.html **. – chharvey

+0

В jQuery есть инструкции по выбору отдельных элементов. http://api.jquery.com/category/selectors/ Загрузите нужный элемент страницы, выберите только тот элемент, который вы хотите, используя учебник селектора, а затем обновите элементы страницы, которую вы хотите показать. Подробные сведения об этой части см. В примерах в нижней части запроса ajax api. – marr75

1

Если WebPage2 живет в другом домене, вы не можете этого сделать.

Если они находятся в одном домене, то вы можете создать iframe (возможно, скрытый), загрузить там документ, изучить его и скопировать нужную деталь. This should get you started.

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

Смежные вопросы