Vamos a tratar de hacer lo mejor posible..
Código HTML:
<script type="text/javascript">
<!--
// esta variable mas adelante me sirve para referenciar el objeto xmlhttp
var xmlhttp = false;
// esto trata de crear el objeto xmlhttp para versiones viejitas de browser windows
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
@end @*/
// si la variable xmlhttp esta en false y el objeto XMLHttpRequest se puede crear
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
// se crea un nuevo objeto tipo XMLHttpRequest (lo que llamamos ajax)
xmlhttp = new XMLHttpRequest();
}
// Creamos la funcion getMyHTML
// recibe como parametro serverPage es donde se hace la peticion
// y objID que es donde se escribira la respuesta generada
function getMyHTML(serverPage, objID) {
// la variable obj hace referencia al objeto con ID nombre objId
var obj = document.getElementById(objID);
// se abre la conexion a la pagina serverPage
xmlhttp.open("GET", serverPage);
// esta funcion obtiene la respuesta de la pagina serverPage
xmlhttp.onreadystatechange = function() {
// si la respuesta fue exitosa
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// escribimos en obj(objID) la respuesta
obj.innerHTML = xmlhttp.responseText;
}
}
// se envia la peticion
xmlhttp.send(null);
}
//-->
</script>