SlideShare a Scribd company logo
1 of 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); ?>

More Related Content

Similar to 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
 

Similar to 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
 

Recently uploaded

Lotería Mexicana - todas las cartas de 1 a la 54
Lotería Mexicana - todas las cartas de 1 a la 54Lotería Mexicana - todas las cartas de 1 a la 54
Lotería Mexicana - todas las cartas de 1 a la 54anamapumarejo
 
Pétalos de papel. Versión definitiva.pdf
Pétalos de papel. Versión definitiva.pdfPétalos de papel. Versión definitiva.pdf
Pétalos de papel. Versión definitiva.pdfEVELIAGARCIACARO1
 
Una sirena en París.::: Mathias Malzieu.
Una sirena en París.::: Mathias Malzieu.Una sirena en París.::: Mathias Malzieu.
Una sirena en París.::: Mathias Malzieu.aloisius93
 
los conejos y su vida, ciclos de reproduccion
los conejos y su vida, ciclos de reproduccionlos conejos y su vida, ciclos de reproduccion
los conejos y su vida, ciclos de reproduccionMabelJojoa1
 
El Año Litúrgico es el desarrollo de los misterios de Cristo. sus tiempos, ce...
El Año Litúrgico es el desarrollo de los misterios de Cristo. sus tiempos, ce...El Año Litúrgico es el desarrollo de los misterios de Cristo. sus tiempos, ce...
El Año Litúrgico es el desarrollo de los misterios de Cristo. sus tiempos, ce...Josué Guillermo Peñate Reyes
 
reseña libro El Perfume de Patrick Süskind
reseña libro El Perfume de Patrick Süskindreseña libro El Perfume de Patrick Süskind
reseña libro El Perfume de Patrick Süskindtatianasuarez87
 
teorias de la vida del origen de ser humano
teorias de la vida del origen de ser humanoteorias de la vida del origen de ser humano
teorias de la vida del origen de ser humanoJenry8
 
educacion fisica sesion 02.pptxaaaaaaaaaaaaaaaaa
educacion fisica sesion 02.pptxaaaaaaaaaaaaaaaaaeducacion fisica sesion 02.pptxaaaaaaaaaaaaaaaaa
educacion fisica sesion 02.pptxaaaaaaaaaaaaaaaaaChristianMejiaM
 

Recently uploaded (8)

Lotería Mexicana - todas las cartas de 1 a la 54
Lotería Mexicana - todas las cartas de 1 a la 54Lotería Mexicana - todas las cartas de 1 a la 54
Lotería Mexicana - todas las cartas de 1 a la 54
 
Pétalos de papel. Versión definitiva.pdf
Pétalos de papel. Versión definitiva.pdfPétalos de papel. Versión definitiva.pdf
Pétalos de papel. Versión definitiva.pdf
 
Una sirena en París.::: Mathias Malzieu.
Una sirena en París.::: Mathias Malzieu.Una sirena en París.::: Mathias Malzieu.
Una sirena en París.::: Mathias Malzieu.
 
los conejos y su vida, ciclos de reproduccion
los conejos y su vida, ciclos de reproduccionlos conejos y su vida, ciclos de reproduccion
los conejos y su vida, ciclos de reproduccion
 
El Año Litúrgico es el desarrollo de los misterios de Cristo. sus tiempos, ce...
El Año Litúrgico es el desarrollo de los misterios de Cristo. sus tiempos, ce...El Año Litúrgico es el desarrollo de los misterios de Cristo. sus tiempos, ce...
El Año Litúrgico es el desarrollo de los misterios de Cristo. sus tiempos, ce...
 
reseña libro El Perfume de Patrick Süskind
reseña libro El Perfume de Patrick Süskindreseña libro El Perfume de Patrick Süskind
reseña libro El Perfume de Patrick Süskind
 
teorias de la vida del origen de ser humano
teorias de la vida del origen de ser humanoteorias de la vida del origen de ser humano
teorias de la vida del origen de ser humano
 
educacion fisica sesion 02.pptxaaaaaaaaaaaaaaaaa
educacion fisica sesion 02.pptxaaaaaaaaaaaaaaaaaeducacion fisica sesion 02.pptxaaaaaaaaaaaaaaaaa
educacion fisica sesion 02.pptxaaaaaaaaaaaaaaaaa
 

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); ?>

Editor's Notes

  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