Foros del Web » Programando para Internet » Javascript »

Efecto Ajax con Javascript puro

Estas en el tema de Efecto Ajax con Javascript puro en el foro de Javascript en Foros del Web. Saludos amigos. Recien acabo de obtener ejemplos de como funciona Ajax. realmente me ha saltado la curiosidad, pues según tengo entendido Ajax es un framework ...
  #1 (permalink)  
Antiguo 30/11/2011, 18:14
Avatar de jorgelpadronb  
Fecha de Ingreso: agosto-2011
Ubicación: Cuba
Mensajes: 281
Antigüedad: 8 años
Puntos: 37
Pregunta Efecto Ajax con Javascript puro

Saludos amigos. Recien acabo de obtener ejemplos de como funciona Ajax. realmente me ha saltado la curiosidad, pues según tengo entendido Ajax es un framework basado en Javascript (corríjanme sin estoy errado). Si es así, tiene que ser posible lograr con Javascript puro lo mismo que hace Ajax. O sea llamar a una aplicación PHP y volcar el resultado HTML de la misma sobre cualquier contenedor de mi página HTML, sin que mi página tenga PHP en si. Y supongo que esto funciona también si la aplicación php está en una localización remota. Esta tecnología me permite hacer consultas a una BD, a través de una aplicación php remota e incluir los resultados en sitio web estático? Quisiera saber como se puede hacer eso con Javascript puro (sin frameworks). Ustedes dirán: y por qué no lo haces con Ajax? Eso es razonable, pero la curiosidad me lleva a querer saber como funciona desde lo más básico. Saludos.
  #2 (permalink)  
Antiguo 30/11/2011, 18:58
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 10 años, 3 meses
Puntos: 1485
Respuesta: Efecto Ajax con Javascript puro

buenas,
ajax no es un framework de javascript. de hecho, no tiene ninguna relación con los frameworks. ajax no es nada más que una tecnología adicional en el desarrollo web del lado cliente. en concreto, mediante el objeto XMLHttpRequest (XHR). me gusta pensar que el nombre ajax es el nombre comercial que se le dio a la combinación de javascript + http, asi como dhtml es el nombre comercial de la combinación entre html + css + javascript.

por otro lado, debido a que XHR es una extensión (módulo) de javascript eso significa que esta regído por las restrincciones de javascript. es decir, no es posible realizar peticiones a dominios externos. adicionalmente, XHR solo trabaja con el protocolo http. o sea, no es posible conectar ajax con una base de datos. piensalo de esta manera, XHR es un puente que enlaza cliente/servidor mediante comunicación http pero en el trasfondo. el hecho de que se puede traer contenido dinámico es gracia al lenguaje de servidor quien se encarga de generar el contenido. si quieres hacerlo con javascript puro, entonces debes investigar acerca del objeto XMLHttpRequest.

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 01/12/2011, 11:14
Avatar de jorgelpadronb  
Fecha de Ingreso: agosto-2011
Ubicación: Cuba
Mensajes: 281
Antigüedad: 8 años
Puntos: 37
Respuesta: Efecto Ajax con Javascript puro

Saludos amigo, gracias por tu respuesta. A ver, sgún me dices ajax no es un framework, pero sí está basado en javascript y funcional del lado del cliente, cierto?. Entonces, debe poderse ver el código fuente para saber como funciona. Como puedo verlo?

Por otra parte, es razonable que ajax no pueda conectar con BD, pero sí puede utilizar un "intermediario" programado en PHP, consultándolo por HTTP.

Lo que me desiluciona un poco es lo que me dices de que no puede hacer llamadas remotas a dicho código código PHP. Eso quiere decir que mi PHP para acceder a la BD tiene que estar dentro del mismo sitio desde el cual hago la llamada http con ajax?

Saludos.
  #4 (permalink)  
Antiguo 01/12/2011, 11:49
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 10 años, 3 meses
Puntos: 1485
Respuesta: Efecto Ajax con Javascript puro

en circunstancias normales, en XHR no es posible enviar peticiones fuera del mismo dominio. hay una forma pero no estoy orientado en todos factores que ello implica. es posible si el sitio externo envia el header http access-control-allow-origin. en dicho header se especifican las URLs que tienen permiso. de modo que si no tienes control del dominio externo, dudosamente podrás hacer una petición XHR externa. ha no ser que el dominio externo este abierto al público. por otro lado, supongo que debes agregar el factor de si el navegador tiene soporte para esa característica. https://developer.mozilla.org/En/HTT...l-Allow-Origin

Cita:
Entonces, debe poderse ver el código fuente para saber como funciona. Como puedo verlo?
no entiendo a que te refieres con eso. XMLHttpRequest es un objeto nativo. para ver el código fuente de un objeto/función/método nativo, tendrías que ver el código fuente original del motor de javascript. no todos los navegadores utilizan el mismo, javascript engine.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #5 (permalink)  
Antiguo 01/12/2011, 19:48
Avatar de jorgelpadronb  
Fecha de Ingreso: agosto-2011
Ubicación: Cuba
Mensajes: 281
Antigüedad: 8 años
Puntos: 37
Respuesta: Efecto Ajax con Javascript puro

Cita:
Iniciado por zerokilled Ver Mensaje
no entiendo a que te refieres con eso. XMLHttpRequest es un objeto nativo. para ver el código fuente de un objeto/función/método nativo, tendrías que ver el código fuente original del motor de javascript. no todos los navegadores utilizan el mismo, javascript engine.
No te preocupes, en realidad yo por desconocimiento no supe formular bien la pregunta. Estuve investigando un poco sobre el tema. Mi pregunta debió haber sido: como puedo ver el código fuente que usa jquery para trabajar con ajax.

De todas formas no importa, pues ya encontré una solución fenomenal. Estuve googleando y encontré esta joyita, que después de algunas adaptaciones me vino como anillo al dedo.

Este es el Index.htm en el sitio estático.

Código HTML:
Ver original
  1.   <head>
  2.     <title>Titulo</title>
  3.     <script type="text/javascript">
  4.         var BaseURL = '';
  5.         var Oid = '';
  6.         function Sp(URL){
  7.           BaseURL = URL;
  8.         }
  9.         function Rp(HTMLResponse){
  10.           var Obj = document.getElementById(Oid);
  11.           Obj.innerHTML = HTMLResponse;
  12.         }
  13.         function Rq(Cid,File,Prm) {
  14.           Oid = Cid
  15.           var script = document.createElement("script");
  16.           src =  '' + BaseURL + File;
  17.           if(Prm!='')src = src + '?' + Prm;
  18.           script.src = src;
  19.           script.type = "text/javascript";
  20.           document.getElementsByTagName("body")[0].appendChild(script);
  21.         }
  22.     </script>
  23.   </head>
  24.   <body onload="Sp('Http://urldelsitio/')">
  25.   <input type="button" value="Mostrar" onclick="Rq('div1','batch.php','texto=TEXTOPRUEBA')">
  26.   <div id="div1"></div>
  27.   </body>
  28. </html>

Y esta es la aplicación batch.php que se va a llamar desde el HTML con javascript.

Código PHP:
Ver original
  1. <?PHP
  2. $HTML = '';
  3. for($i=0;$i<=10;$i++){
  4.   $HTML .= '<h1>'.$_GET['texto'].'-'.$i.'</h1>';
  5. }
  6. echo "Rp('".$HTML."');";
  7. ?>

Lo que hace esto es simular el funcionamiento de ajax. Llama a la aplicación batch.php y pone el resultado HTML de la misma dentro de un DIV o cualquier otro elemento de mi página HTML estática. Lo que me falta probar es si funciona estando el batch.php en un servidor remoto. Una desventaja que tiene es que solo trabaja por GET y no por POST, pero para lo que yo quiero hacer eso no afecta mucho. Saludos.

Última edición por jorgelpadronb; 01/12/2011 a las 19:58
  #6 (permalink)  
Antiguo 12/12/2011, 18:45
Avatar de leandro_brunner  
Fecha de Ingreso: diciembre-2011
Mensajes: 4
Antigüedad: 7 años, 8 meses
Puntos: 3
Respuesta: Efecto Ajax con Javascript puro

proba utilizando un pequeño framework que estaba empezando a hacer... pero esta muy abandonado jaja... funciona cargando javascript de forma asincrona, y utiliza php para que funciones como ajax... tambien es posible utilizar cargas externas...

http://leandrobrunner.org/LBscript

Saludos... espero que te ayude...
  #7 (permalink)  
Antiguo 04/05/2012, 08:41
 
Fecha de Ingreso: mayo-2012
Mensajes: 4
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: Efecto Ajax con Javascript puro

Hola podrian ayudarme, quisiera realizar el mismo proceso de crear un sitio web html estatico donde puediera simular el funcionamiento de ajax en un servidor remoto. intente verificar el link http://leandrobrunner.org/LBscript pero me marca suspendido. Espero que puedan ayudarme. y de antemano muchas gracias!!!

Etiquetas: ajax, efecto, funcion, html, php, puro
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:50.