Conceptos Ajax

Ajax: esencialmente permite que el cliente javascript se comunique con el servidor utilizando el objeto XMLHttpRequest, presente en la mayoría de los navegadores modernos.

Parametro: Almacena el resultado de la operación.

Objeto XMLHttpRequest: Es un elemento fundamental para la comunicación asincrónica con el servidor. Este objeto nos permite enviar y recibir información en general en cualquier formato.

Los métodos principales del objeto XMLHttpRequest son:

  • open
  • send

Las propiedades principales del objeto XMLHttpRequest son:

  • onreadystatechange
  • readyState
  • responseText
  • responseXML
  • formato XML.

Método open:  Lo primero que se debe hacer es establecer una conexión con el servidor y para ello se utiliza este método, toma 2 argumentos, el primero es el tipo de petición que deseamos enviar y el segundo indica la localización del recurso al  cual se desea acceder:

requester.open(“GET”, “Info2.txt”);

Éste método también recibe un tercer argumento, el cual es booleano, que especifica si la petición va a ser sincrónica (false) o asincrónica (true, ésta es la opción por defecto), una petición sincrónica obliga al navegador a esperar a que llegue la respuesta rechazando cualquier interacción que realice el usuario, por otro lado, una operación asincrónica ocurre de fondo, permitiendo que se ejecuten otros scripts y que el usuario tenga acceso a su navegador.

Método  send: Activará la conexión y hará la petición. Send() tomará un argumento permitiendo que se envíen datos extra, como variables.

Propiedad onreadystatechange: Almacena el nombre de la función que se ejecutará cuando el objeto XMLHttpRequest cambie de estado.

Propiedad readyState: Almacena el estado del requerimiento hecho al servidor, pudiendo ser 0 No inicializado (el método open no a sido llamado)

  • 1 Cargando (se llamó al método open)
  • 2 Cargado (se llamó al método send y ya tenemos la cabecera de la petición HTTP y el status)
  • 3 Interactivo (la propiedad responseText tiene datos parciales)
  • 4 Completado (la propiedad responseText tiene todos los datos pedidos al servidor)

status: Codigo de estado de la petición.

Propiedad responseText: Almacena el string devuelto por el servidor, luego de haber hecho una petición.

Propiedad responseXML: Similar a la anterior (responseText) con la diferencia que el string devuelto por el servidor se encuentra en formato XML.

Para crear un objeto XMLHttpRequest, en cualquier navegador es:

var requester = new XMLHttpRequest();

Excepto en Internet Explorer, el cual lo implementa como un objeto ActiveX, por lo cual es:

var requester = newActiveXObject(“Microsoft.XMLHTTP”);

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: