|
//funcion encargada de crear el objeto
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
}
//la funcion que hará el trabajo sucio
//esta funcion es la que llamamos en el evento
ONCLICK de nuestro boton
function primer_tope()
{
//creamos el objeto
_objetus=objetus();
//cargamos una varible con las variables que
vamos a enviar
_values_send="funcion=pt"
_URL_="procesador.php?"
_objetus.open("GET",_URL_+"&"+_values_send,true);
//una vez enviado los valores inmediatamente
llamamos a la propiedad
//onreadystatechange
_objetus.onreadystatechange=function() {
//dentro de la funcion comprobamos el estado
del proceso
//si es 4 (terminado) pedimos lo que nos han
mandado
if (_objetus.readyState==4)
{
//usamos la propiedad responseText para recibir
en una cadena
//lo que nos mandaron
window.alert(_objetus.responseText);
}
}
//obligatorio .... luego explicarè
el porque
_objetus.send(null);
}
</script>
<input type="button" value="Pedir
datos" onclick="primer_tope();">
<!-- mas documento HTML -->
|
Nuestro procesador trabajará segun la
variable funcion que reciba por el método
GET
<?php <?php
if(isset($_GET['funcion']))
{
$_valor=$_GET['funcion'];
if($_valor=="pt")
{
$_pt="Tu ip: ".htmlspecialchars($_SERVER['REMOTE_ADDR'])."\n";
$_pt.="request_uri: ".htmlspecialchars($_SERVER['REQUEST_URI'])."\n";
$_pt.="date(): ".htmlspecialchars(date("d-m-Y
: H-i-s"))."\n";
echo $_pt;
}
else
{
echo "No enviaste ningun valor ACEPTABLE";
}
}
else
{
echo "No se a enviado valor alguno de
peticion";
}
?>
|
Ejecutar ejemplo1:
* Analizando la funcion primer_tope()
Fuera de lo que es la funcion objetus() analizaremos
nuestra funcion que se encargo del envío
y recepcion de datos.
<?php _objetus=objetus()
Llamamos al objeto XMLHttpRequest
<?php _values_send="funcion=pt"
Cargamos todas las variables que se van a enviar
<?php _URL_="proceso.php?"
La URL donde nos comunicaremos (Nótese
el ? al final del archivo)
<?php _objetus.open("GET",_URL_+"&"+_values_send,true);
La parte más importante, aqui abrimos
la URL con los valores cargados osea proceso.php?funcion=pt
<?php _objetus.onreadystatechange=function()
{
Invocamos la propiedad onreadystatechange, entonces
cuando el objeto llegue a este punto se llamará
a una funcion que gestionará el resto del
proceso.
<?php if (_objetus.readyState==4)
{
Llamamos ahora a la propiedad readyState que nos
indicará en que estado se encuentra el
proceso, entonces cuando el estado sea 4 (Terminado)
hacemos LO QUE SE NOS OCURRA.
<?php if(_objetus.status==200)
{
Si el estado del proceso arroja un status 200
significa que a terminado con éxito.
<?php window.alert(_objetus.responseText);
En este caso llamamos a la propiedad responseText
que tiene lo que el procesador soltó y
lo mostramos mediante un alert.
<?php }
}
}
_objetus.send(null);
}
Y por ultimo enviamos null porque hemos enviado
todas las variables que nos interasaban automáticamente
al abrir
proceso.php?funcion=pt
_objetus.send(null) : Es obligatorio, si no se
envia algo el proceso no funciona.
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 |
| |
|
Microsoft explorer 6.0 
