que es y como usar ajax?

preguntado por marcelo18 (130 puntos) Nov 16, 2014
Buenas noches, he escuchado acerca de AJAX para enviar y recibir datos sin tener que recargar la pagina de PHP pero, no puedo entender como se usa. Agradezco si podes ayudarme, gracias.

2 Respuestas

0 votos
respondido por camila1987 (1,885 puntos) Nov 27, 2014

AJAX, acrónimo de Asynchronous JavaScript And XML, es una técnica de desarrollo web para crear aplicaciones interactivas o RIA. Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano.

0 votos
respondido por osk386 (1,530 puntos) Dic 3, 2014

Basicamente Ajax es un script que te permite realizar una peticion a otra pagina sin necesidad de salirse y/o recargar la pagina.

 

Esto se hace utilizando un metodo llamado XHR (XmlHttpRequest), es muy sencillo, aqui te dejo un script de ejemplo:

function cargarDatos()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","archivo_o_script_que_devuelve_datos_o_ejecuta_una_accion.php",true);
xmlhttp.send();
}

 

Al llamar la funcion cargarDatos, esta abre, ejecuta y recoge datos en el archivo o programa php, estos datos pueden ser cargados en una variable y luego manipularlos.

Un ejemplo de este uso podria ser, en la carga de un boton de lista que su contenido dependa de la seleccion de otros. Cuando se seleccionun una opcion del listado , esta ejecuta un metodo en ajax que carga la informacion de otro boton de listas o activa un boton o cualquier otra opcion que se ocurra.

 

 

...