¿Cómo obtener el html de un div de una página diferente con AJAX?

Question

¿Cómo puedo obtener el html de un determinado elemento html que se encuentra en un sitio diferente?

Solución:

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

Answer 1

Realizar una llamada ajax a un php o cualquier otro archivo, utilice CURL u otras herramientas para agarrar la página que desea y extraer el div y el eco y luego cuando vuelvas el html a ponerlo dentro de una div en su página

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

Answer 2

Puede utilizar $.load con un contenedor anexa

El método .load(), a diferencia de $ .get(), nos permite especificar una parte de la documento remoto para ser insertado.

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

Answer 3

Aquí van:

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

Para la clase:

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

Answer 4

también se puede utilizar como este.

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

Answer 5

Una forma es:

• enviar una llamada ajax a un script del lado del servidor

• este script va a buscar la página HTML remoto y devuelve como respuesta. (generalmente se prefiere JSON)

• su página finalmente obtiene acceso al html.