SlideShare uma empresa Scribd logo
1 de 9
PHP y AJAX: Aplicaciones Web Activas Víctor Bleda Dpto. O.E.I. Univ. Politécnica de Madrid
AJAX: Asynchronous  JavaScript and XML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
AJAX: Tecnologías ,[object Object],[object Object],[object Object],[object Object],[object Object]
AJAX:  Usos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
AJAX:  Desventajas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
AJAX: Uso desde PHP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
AJAX: Ejemplo Simple Prototype  ,[object Object],[object Object],[object Object],[object Object]
AJAX: Ejemplo MySQL y Prototype (I) //Ajax.html <html><script xsrc=&quot;prototype.js&quot; type=&quot;text/javascript&quot;></script> <script>  function HicieronClick()  { var opciones = {  // función para recibir la respuesta onSuccess: function(t)  { datos = eval(t.responseText); procesar(datos); }  }   new Ajax.Request('datos.php', opciones);  }   function procesar(datos) { contenedor = document.getElementById(&quot;lista&quot;); //div texto = &quot;&quot;; for (var i=0; i < datos.length; i++) {  dato = datos[i]; texto += &quot;Dato &quot;+i+&quot; - campo1:&quot;+dato.campo1+&quot;  campo2:&quot;+dato.campo2+”&quot;;  }   contenedor.innerHTML = texto;  } </script> <body> <h1>Prueba de AJAX!</h1> <div id=&quot;Boton&quot; onClick=&quot;HicieronClick()&quot;>Haz click sobre este texto para llenar la lista</div>  <div id=lista>  En este div se van a mostrar los datos que se reciben por AJAX. </div> </body></html>
AJAX: Ejemplo MySQL y Prototype (II) // datos.php <?  $link = mysql_connect('localhost', 'root', ''); mysql_select_db('mi_base'); $query = 'SELECT campo1, campo2 FROM mi_tabla'; $result = mysql_query($query); $datos = array(); //lleno el array $datos con el resultado de la consulta a MySQL: while ($line = mysql_fetch_array($result)) { $datos[]=$line; } print json_encode($datos);  mysql_free_result($result); mysql_close($link); ?>

Mais conteúdo relacionado

Semelhante a PHP AJAX aplicaciones

Conceptos Introductorios Del Web 2
Conceptos Introductorios Del Web 2Conceptos Introductorios Del Web 2
Conceptos Introductorios Del Web 2Michelle Aguirre
 
Conceptos acerca de Ajax
Conceptos acerca  de AjaxConceptos acerca  de Ajax
Conceptos acerca de AjaxAlvaro Castillo
 
Introduccion Ajax V1.0
Introduccion Ajax V1.0Introduccion Ajax V1.0
Introduccion Ajax V1.0Arnulfo Gomez
 
01 Ext Js Introduccion
01 Ext Js   Introduccion01 Ext Js   Introduccion
01 Ext Js IntroduccionMayer Horna
 
AJAX a cuerda Lo básico sobre AJAX y su funcionamiento
AJAX a cuerda
Lo básico sobre AJAX y su funcionamientoAJAX a cuerda
Lo básico sobre AJAX y su funcionamiento
AJAX a cuerda Lo básico sobre AJAX y su funcionamientoRoberto Allende
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007guestd24c393
 
Barcelona Workshop 2008
Barcelona Workshop 2008Barcelona Workshop 2008
Barcelona Workshop 2008Mitusin
 
Mootools Y Otros Frameworks JS
Mootools Y Otros Frameworks JSMootools Y Otros Frameworks JS
Mootools Y Otros Frameworks JSIan Monge Pérez
 
Web20
Web20Web20
Web20UJAP
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007guest976d083
 
Herramientas web "Ajax"
Herramientas web "Ajax"Herramientas web "Ajax"
Herramientas web "Ajax"IngDarkseid
 
7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncrona7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncronaLaura Folgado Galache
 

Semelhante a PHP AJAX aplicaciones (20)

Conceptos Introductorios Del Web 2
Conceptos Introductorios Del Web 2Conceptos Introductorios Del Web 2
Conceptos Introductorios Del Web 2
 
Conceptos acerca de Ajax
Conceptos acerca  de AjaxConceptos acerca  de Ajax
Conceptos acerca de Ajax
 
Introduccion Ajax V1.0
Introduccion Ajax V1.0Introduccion Ajax V1.0
Introduccion Ajax V1.0
 
01 Ext Js Introduccion
01 Ext Js   Introduccion01 Ext Js   Introduccion
01 Ext Js Introduccion
 
Presentacion ajax
Presentacion   ajaxPresentacion   ajax
Presentacion ajax
 
AJAX EN CURSO PHP
AJAX EN CURSO PHPAJAX EN CURSO PHP
AJAX EN CURSO PHP
 
Ajax Huancayo
Ajax HuancayoAjax Huancayo
Ajax Huancayo
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
AJAX a cuerda Lo básico sobre AJAX y su funcionamiento
AJAX a cuerda
Lo básico sobre AJAX y su funcionamientoAJAX a cuerda
Lo básico sobre AJAX y su funcionamiento
AJAX a cuerda Lo básico sobre AJAX y su funcionamiento
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Barcelona Workshop 2008
Barcelona Workshop 2008Barcelona Workshop 2008
Barcelona Workshop 2008
 
Mootools Y Otros Frameworks JS
Mootools Y Otros Frameworks JSMootools Y Otros Frameworks JS
Mootools Y Otros Frameworks JS
 
Web20
Web20Web20
Web20
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Herramientas web "Ajax"
Herramientas web "Ajax"Herramientas web "Ajax"
Herramientas web "Ajax"
 
7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncrona7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncrona
 

PHP AJAX aplicaciones

  • 1. PHP y AJAX: Aplicaciones Web Activas Víctor Bleda Dpto. O.E.I. Univ. Politécnica de Madrid
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8. AJAX: Ejemplo MySQL y Prototype (I) //Ajax.html <html><script xsrc=&quot;prototype.js&quot; type=&quot;text/javascript&quot;></script> <script> function HicieronClick() { var opciones = { // función para recibir la respuesta onSuccess: function(t) { datos = eval(t.responseText); procesar(datos); } } new Ajax.Request('datos.php', opciones); } function procesar(datos) { contenedor = document.getElementById(&quot;lista&quot;); //div texto = &quot;&quot;; for (var i=0; i < datos.length; i++) { dato = datos[i]; texto += &quot;Dato &quot;+i+&quot; - campo1:&quot;+dato.campo1+&quot; campo2:&quot;+dato.campo2+”&quot;; } contenedor.innerHTML = texto; } </script> <body> <h1>Prueba de AJAX!</h1> <div id=&quot;Boton&quot; onClick=&quot;HicieronClick()&quot;>Haz click sobre este texto para llenar la lista</div> <div id=lista> En este div se van a mostrar los datos que se reciben por AJAX. </div> </body></html>
  • 9. AJAX: Ejemplo MySQL y Prototype (II) // datos.php <? $link = mysql_connect('localhost', 'root', ''); mysql_select_db('mi_base'); $query = 'SELECT campo1, campo2 FROM mi_tabla'; $result = mysql_query($query); $datos = array(); //lleno el array $datos con el resultado de la consulta a MySQL: while ($line = mysql_fetch_array($result)) { $datos[]=$line; } print json_encode($datos); mysql_free_result($result); mysql_close($link); ?>

Notas do Editor

  1. Dpto O.E.I. - U.P.M. (c) 2006 - Javier Gil y Jorge Tejedor
  2. Dpto O.E.I. - U.P.M. (c) 2006 - Javier Gil y Jorge Tejedor
  3. Dpto O.E.I. - U.P.M. (c) 2006 - Javier Gil y Jorge Tejedor