Как получить html div с другой страницы с помощью AJAX?

Question

Как я могу получить html определенного элемента html, который находится на другом сайте?

Решение:

$.ajax({ 
url: 'somefile.html', 
success: function(data) { 
    data=$(data).find('div#id'); 
    $('#mydiv').html(data); 
    alert('Done.'); 
} 
}); 

Answer 1

Сделать АЯКС вызов на PHP или любой другой файл, используйте скрученные или другие инструменты, чтобы захватить страницу, которую вы хотите, и извлечь DIV и эхо его, а затем, когда вы получите обратно HTML просто положить его внутрь div на вашей странице

$.ajax({ 
    url: 'somefile.html', 
    success: function(data) { 
        data=$(data).find('div#id'); 
     $('#mydiv').html(data); 
     alert('Done.'); 
    } 
    }); 

Answer 2

Вы можете использовать $.load с добавленным контейнером

Метод .load(), в отличие от $ .get() позволяет указать часть в удаленный документ для вставки.

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

Answer 3

Здесь вы идете:

$('#div_id_in_your_page').load('ajax_page.html #required_div'); 

Для класса:

$('.div_class_in_your_page').load('ajax_page.html #required_div'); 

Answer 4

вы можете также использовать, как это.

$.ajax({ 
    url:"page2.html", 
    success:function(response){ 
     $("#currentDIV").html(response); 
    },error:function(){ 
     alert("error"); 
    } 
}); 

Answer 5

Один из способов:

• отправить вызов Ajax на стороне сервера скрипт

• этот сценарий извлекает удаленную страницу и возвращает HTML в качестве ответа. (как правило, JSON является предпочтительным)

• Ваша страница, наконец, получает доступ к html.