' donde se mostrará el contenido de lo que devuelva 'php.php' | | ajax.js | Contiene el código que crea el objeto 'XMLHttpRequest', la madre del cordero | | php.php | Recibe los datos que le llegan a través del objeto 'XMLHttpRequest', procesa la información y devuelve una salida, que irá a parar a la '

' especificada en 'ajax.js' | El proceso es el siguiente: 1. Se crea un archivo .htm con un evento que dispare ajax, en nuestro caso un 'onChange' 2. Ajax crea el objeto 'XMLHttpRequest', que de forma asíncrona enviará datos al servidor 3. El servidor (página php) procesa los datos que le llegan y procesa la respuesta 4. Ajax obtiene la respuesta del servidor y la coloca en una etiqueta '

' **htm.htm**














	
	
	
	
		
		Habitaciones:

**ajax.js**


function Procesar()
{
	var xmlhttp;

	if (window.XMLHttpRequest)
	{
		// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else if (window.ActiveXObject)
	{
		// code for IE6, IE5
		xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
	}
	else
	{
		alert('Your browser does not support XMLHTTP!');
	}	

	xmlhttp.onreadystatechange=function()
	{
		if(xmlhttp.readyState==4)
		{
			// OJO ahí va el nombre de la

 donde se mostrará el resultado
			document.getElementById('resultado').innerHTML=xmlhttp.responseText;
		}
	}	
	
	var oHabitaciones=document.getElementById('habitaciones');
	var nNumeroHabitaciones=oHabitaciones.selectedIndex;

	// OJO ese es el nombre del archivo que procesará, en el lado servidor, los datos
	var sUrl='php.php';
	// OJO la variable que se le pasa al servidor es $_GET['Variable']
	sUrl=sUrl+'?Variable='+nNumeroHabitaciones;
	sUrl=sUrl+'&sid='+Math.random();	
	xmlhttp.open('GET',sUrl,true);
	xmlhttp.send(null);
}

**php**