Jak uzyskać kod HTML elementu div z innej strony za pomocą AJAX?

Question

Jak uzyskać kod HTML jakiegoś elementu HTML, który znajduje się w innej witrynie?

Rozwiązanie:

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

Answer 1

Nawiązywanie połączenia ajax do php lub innego pliku, użyj pozwijane lub innych narzędzi, aby pobrać stronę, którą chcesz i wyodrębnić div i echo go, a następnie po powrocie html wystarczy umieścić go wewnątrz div na twojej stronie

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

Answer 2

Można użyć $.load z pojemnika załączonym

Sposób .load(), w przeciwieństwie do $ .get(), pozwala nam określić część na zdalny dokument do wstawienia.

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

Answer 3

Proszę bardzo:

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

klasy:

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

Answer 4

można również używać w takim stanie.

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

Answer 5

Jednym ze sposobów jest:

• wysłać wywołanie ajax do skryptu po stronie serwera

• ten skrypt pobiera strony zdalnego i zwraca HTML w odpowiedzi. (zazwyczaj JSON jest preferowany)

• twoja strona wreszcie uzyskuje dostęp do html.