Para cargar el contenido de un archivo externo con ajax (.html, .php, etc…) usando jQuery, utilizaremos el método load.
Con este método, es la forma más sencilla de obtener los datos desde el servidor. Es más o menos equivalente a $.get(url, data, success) , excepto que es un método en lugar de la función global y tiene una función de devolución de llamada implícita.

Ejemplo de uso:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script type="text/javascript">
$(document).ready(function() {
$('#contenido').load('texto.html', function() {
alert('Archivo cargado correctamente');
});
});
</script>
<script type="text/javascript"> $(document).ready(function() { $('#contenido').load('texto.html', function() { alert('Archivo cargado correctamente'); }); }); </script>
<script type="text/javascript"> 
$(document).ready(function() {
    $('#contenido').load('texto.html', function() {
        alert('Archivo cargado correctamente');
    });
});
</script>

Y en el html creamos el div en el que carge el ajax:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div id="contenido"></div>
<div id="contenido"></div>
<div id="contenido"></div>

Agradezco tu comentario 🤘