SlideShare une entreprise Scribd logo
1  sur  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); ?>

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Dernier

EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossEL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossLucasJohnHuntingford
 
Mujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfMujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfKeilly Merlo
 
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJORESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJOLuisFigueroa230128
 
Programación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdfProgramación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdf20minutos
 
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxTEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxAlbertSa3
 
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...univerzalworld
 

Dernier (6)

EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossEL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
 
Mujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfMujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdf
 
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJORESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
 
Programación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdfProgramación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdf
 
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxTEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
 
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
 

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

Notes de l'éditeur

  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