Как загрузить div другой веб-страницы, а не всю страницу на мою веб-страницу?

Question

У меня есть два веб-страниц internal.html и external.html

я следующий кусок кода, который загружает internal.html external.html в DIV с «результат» ID

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script> 
function autoRefresh_div() 
{ 
     $("#result").load("https://abc/external.html");// a function which will load data from other file after x seconds 
} 

    setInterval('autoRefresh_div()', 5000); // refresh div after 5 secs 
      </script> 

У меня есть div с id "test" в external.html.
Как загрузить только div с идентификатором «test» из external.html в div div.index.html с идентификатором «результат», а не на всю страницу?

Answer 1

http://api.jquery.com/load/

Загрузка страницы Фрагменты

.load() метод, в отличие от $ .get() позволяет указать часть пульта дистанционного управления документ должен быть вставлен. Это достигается специальным синтаксисом параметра url. Если один или несколько символов пробела включены в строку, часть строки, следующая за первым пространством, считается селектором jQuery, который определяет загружаемый контент.

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

$("#result").load("ajax/test.html #container"); 

Когда этот метод выполняется, он извлекает содержимое Аякса/test.html, но затем JQuery разбирает вернулся чтобы найти элемент с идентификатором контейнера. Этот элемент вместе с его содержимым вставляется в элемент с идентификатором результата, а остальная часть извлеченного документа отбрасывается.

jQuery использует свойство .innerHTML браузера для анализа извлеченного документа и вставки его в текущий документ. Во время этого процесса браузеры часто фильтруют элементы из документа, такие как,, или элементы. В результате элементы, полученные методом .load(), могут быть не такими, как если бы документ был получен непосредственно браузером.

---

В вашем случае, если вы хотите изменить свой код:

$("#result").load("https://abc/external.html #test") 

Answer 2

Использование:

$("#result").load("https://abc/external.html #test");