добавить элементы с другой страницы html с помощью jquery

Question

Можно ли добавлять или управлять элементами с другой страницы html?

Я использовал это, но не работал

$.ajax({ 
      method:"get", 
      url:"html2.html", 
     }) 
     .success(function(response) 
     { 
      $("body").append("<p> example </p>") 
     }); 

, если это возможно, как я могу это сделать с JQuery.

Я искал для этого, но я не мог найти что-то

Спасибо за вашу помощь

Answer 1

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

Вы можете использовать Ajax, чтобы получить содержимое страницы, как это:

$.ajax({ 
    method: "GET", 
    url: "http://www.urlyouwanttoget.com", 
}) 
.success(function(response) { 
    // Code here 
}); 

В этом случае параметр reponse будет иметь все HTML содержание сайта. Внутри метода успеха вы можете использовать метод .find(), чтобы найти элемент, который хотите добавить, и, наконец, использовать $('#yourcontainer').append(contentToAppend), чтобы добавить содержимое в желаемый контейнер.

ПРИМЕЧАНИЕ. Вы можете получить предупреждение о перекрестном запросе Bloqued в консоли, которое не позволит вам читать содержимое удаленного устройства, вы можете решить эту проблему в Stack Overflow, это очень распространенный сценарий, и это легко сделать решать.