El objeto XMLHttpRequest
Como vamos a trabajar con este objeto nativo
es indispensable crearlo caso contrario ni se
podrá comenzar las aplicaciones, partiremos
con el objeto desde la creación, Métodos
y propiedades.
* Creando el objeto XMLHttpRequest
Muchos navegadores requieren una forma diferente
de invocar al objeto XMLHttpRequest pero no nos
vamos a hacer lios y usaremos uno estándar
y que nunca me a fallado.
<?php function objetus() {
try
{
objetus = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
objetus= new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E)
{
objetus= false;
}
}
if (!objetus && typeof XMLHttpRequest!='undefined')
{
objetus = new XMLHttpRequest();
}
return objetus
} |
solo llamamos a ajax=objetus() y ya tenemos el
objeto en la variable ajax.
Otra manera de invocar al objeto es esta.
<?php function font
class=PHP_color2>objetus() {
var xmlhttp=false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
// JScript gives us Conditional compilation,
// we can cope with old IE versions.
// and security blocked creation of the objects.
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
@end @*/
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
} |
* Métodos
A continuación los métodos del objeto.
o abort(): Detiene la petición en curso.
o getAllResponseHeaders() : Devuelve todas las
cabeceras de la respuesta (etiquetas y valores)
como una cadena.
o getResponseHeader(etiqueta) : Devuelve el valor
de la etiqueta en las cabeceras de la respuesta.
o open(método, URL, asíncrona, usuario,
password) : Abre una conexión con esa URL
mediante el método (GET,POST,HEAD o DELETE),
tiene 5 parámetros de entrada, las 2 primeras
(método, URL) son obligatorios:
método : El método que se usará
para la conexión (GET,POST,HEAD o DELETE).
URL : La URL que se llamará para el proceso.
Las 3 restantes (asíncrona, usuario, password)
son opcionales:
asíncrona : Valor booleano, true indica
que el proceso se ejecutarà sin parar la
aplicacion en curso (Background) false indica
que se detendrà el proceso hasta que se
termine el proceso de manera correcta.
o send(contenido) : Envía el contenido
al servidor.
o setRequestHeader(etiqueta,valor) : Establece
el valor de una etiqueta de las cabeceras de petición.
* Propiedades
A continuación las propiedades del objeto.
o onreadystatechange : Contiene el nombre de
la función que se ejecuta cada vez que
el estado de la conexión cambie.
o readyState : Estado de la conexión.
Código Estado
1 Cargando
2 Cargado, pero sin su contenido incorporado a
los objetos correspondientes
3 Incorporando a los objetos correspondientes
4 Carga completada
o responseText : Datos devueltos por el servidor
en formato cadena.
o responseXML : Datos devueltos por el servidor
en forma de documento XML que puede ser recorrido
mediante las funciones del DOM (getEementsByTagName,
etc).
o status : Código enviado por el servidor.
Código Valor
200 Completado con éxito
404 No se encontró URL
414 Los valores pasados por GET superan los 512
bytes
o statusText : Mensaje de texto enviado por
el servidor junto al código (status), para
el caso de código 200 contendrá
"OK".
Seguir navegando por
el tutorial de ajax
1. Concepto
de Ajax
2. Entendiendo
AJAX
a. Que no es Ajax
b . Formas similares a lo que es Ajax
c. Nuestro material para este tutorial
4.
El objeto XMLHttpRequest
a. Creando el objeto XMLHttpRequest
b. Métodos
c . Propiedades
5. El
proceso Cliente-Servidor
6. Sobre
los Ejemplos
7. Nuestro
primer tope con AJAX
8. Sintaxis
básica para los métodos GET/POST
a . Método GET
b . Método POST
9. Recibiendo
los resultados del procesador
a . responseText
b . responseXML
10. Re-renderizando
elementos
11. Ejemplos
a . Verificando la existencia de una URL
b . Checkbox Dependientes
c . Lector RSS
d . Otros
autor: the maborak http://leimnud.no-ip.info |
| |
|