Your SlideShare is downloading. ×
0
PHP+Ajax
PHP+Ajax
PHP+Ajax
PHP+Ajax
PHP+Ajax
PHP+Ajax
PHP+Ajax
PHP+Ajax
PHP+Ajax
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

PHP+Ajax

1,157

Published on

Pequeña presentación sobre el uso de Ajax desde PHP

Pequeña presentación sobre el uso de Ajax desde PHP

Published in: Entertainment & Humor
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,157
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
31
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Dpto O.E.I. - U.P.M. (c) 2006 - Javier Gil y Jorge Tejedor
  • Dpto O.E.I. - U.P.M. (c) 2006 - Javier Gil y Jorge Tejedor
  • Dpto O.E.I. - U.P.M. (c) 2006 - Javier Gil y Jorge Tejedor
  • Transcript

    • 1. PHP y AJAX: Aplicaciones Web Activas Víctor Bleda Dpto. O.E.I. Univ. Politécnica de Madrid
    • 2. AJAX: Asynchronous JavaScript and XML
      • Conjunto de técnicas de desarrollo web que desde el cliente interactúan con el servidor en segundo plano o asíncrono para crear aplicaciones web interactivas
      • Antecedentes:
        • Objetos iframe (1996) y layer (1997)
        • Remote Scripting (Microsoft - 1998)
        • Applets Java, Frames ocultos, plug-ins
        • XMLHttpRequest (2002)
        • Término AJAX (2005)
    • 3. AJAX: Tecnologías
      • XHTML y CSS (hojas de estilo) para el diseño de la presentación
      • DOM (Document Object Model) para mostrar e interactuar con los datos presentados
      • XML y XSLT (o JSON) para el intercambio, manejo y presentación de los datos con el servidor
      • XMLHttpRequest para el intercambio asíncrono con el servidor
      • JavaScript (o VBScript) para unir todas las tecnologías anteriores
    • 4. AJAX: Usos
      • Validación de formularios en tiempo real
      • Códigos de autocompletado
      • Carga de páginas en background
      • Interfaces de usuario más complicados (menús, calendarios, editores,…)
      • Validaciones parciales de página
      • Mashups (aplicaciones de terceros: Google)
      • Desarrollo de Páginas como Aplicaciones ( Portlets )
      • Servicio de datos en tiempo real ( Comet )
    • 5. AJAX: Desventajas
      • Indexación desde los motores de búsqueda
      • -> Mostrar el contenido de otras formas
      • Depende de JavaScript (habilitado)
      • -> Interfaz diferente para PDAs, móviles,..
      • Uso de Marcadores de Página
      • -> Uso del identificador de fragmento (#)
      • Acceso al Historial de Navegación
      • -> Uso de iFrames para anclar la porción (#)
    • 6. AJAX: Uso desde PHP
      • Librería Prototype.js (Sam Stephenson)
      • Framework basado en JavaScript
      • http://www.prototypejs.org/
      • Sajax (Simple Ajax Toolkit)
      • http://www.modernmethod.com/sajax/
      • Xajax (Biblioteca de código abierto)
      • Open source y altamente compatible
      • http ://xajaxproject.org
    • 7. AJAX: Ejemplo Simple Prototype
      • //Ejemplo1.html
      • <html> <script xsrc=&quot;prototype.js&quot; type=&quot;text/javascript&quot;></script> <script> var opt = { // función a llamar cuando reciba la respuesta onSuccess: function(t) { dato = eval(t.responseText); alert(dato); } } new Ajax.Request(‘Ejemplo1.php', opt); </script> <body>
      • <h1>Prueba de AJAX!</h1> </body></html> //Ejemplo1.php
      • &quot;Hola! Soy un mensaje que viajó por AJAX/JSON!&quot;
    • 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); ?>

    ×