La mejor manera para trabajar con AJAX (desde mi punto de vista) es trabajar con el Framework
JQuery (en su sitio hay infinidad de ejemplos), teniendo como base JQuery es sencillo realizar una petición AJAX
Primero agregamos el framework al html
Código HTML:
Ver original<script type="text/javascript"> <!--
//Despues que agregamos el Framework ya podemos trabajar con el
//Si deseamos realizar una petición ajax simplemente al cargar el html realizamos lo siguiente
$(document).ready(function() {
//Todo el código que ingreses aquí se ejecutara simplemente cargando el html
//ahora realizamos
$.ajax({
url:'la_url_de_archivo_a_cargar.html',
type: 'get',
success: function(data) {
$('#caja-para-ajax').html(data);
}
});
});
//Ahora si queremos cargar desde una funcion es igual
function cargarArchivo() {
$.ajax({
url:'la_url_de_archivo_a_cargar.html',
type: 'get',
success: function(data) {
$('#caja-para-ajax').html(data);
}
})
}
-->
<p><a href="#" onclick="cargarArchivo()">Cargar archivo
</a> <div id="caja-para-ajax">
El código de arriba es como ejemplo, con ajax se pueden realizar mas cosas, pero con eso es suficiente para comenzar, si necesitas mas info visita la página de
JQuery