AJAX Qué es AJAX?  Ajax no es un lenguaje de programación, pero sí es una reunión de otras tecnologías (lenguajes de progr...
Que hace Ajax?  Ajax nos permite actualizar una parte de la página con información que se encuentra en el servidor sin ten...
<ul><li>AJAX  son las siglas de (Asynchronous Javascript and XML)  </li></ul><ul><li>Si  traducimos esto no es más que una...
Ventajas de AJAX <ul><li>Uso de tecnologías ya existentes.  </li></ul><ul><li>Soportada por la mayoría de los navegadores ...
<ul><li>Portabilidad (no requiere plug-in como Flash y Applet de Java)  </li></ul><ul><li>Mayor velocidad, esto debido que...
Desventajas de AJAX <ul><li>Se pierde el concepto de volver a la página anterior.  </li></ul><ul><li>Si se guarda en favor...
<ul><li>Problemas con navegadores antiguos que no implementan esta tecnología.  </li></ul><ul><li>No funciona si el usuari...
XMLHttpRequest <ul><li>El objeto XMLHttpRequest es fundamental en el trabajo con Ajax, es un elemento que nos sirve para l...
<ul><li>Este objeto es manejado desde javascript, por lo tanto lo primero que debemos hacer es comprobar la disponibilidad...
<ul><li>En Internet Explorer tenemos que hacer uso de  ActiveXObject , existiendo varias versiones denominadas  Microsoft....
<ul><li>La función completa quedaría de la siguiente manera:  </li></ul><ul><li>function crearXMLHttpRequest() {  </li></u...
<ul><li>Las  principales propiedades del objeto XMLHttpRequest son: </li></ul><ul><li>onreadystatechange  , almacena el no...
<ul><li>responseText ,  almacena el string devuelto por el servidor, luego de haber hecho una petición.  </li></ul><ul><li...
Los  principales métodos del objeto XMLHttpRequest son: <ul><li>open,  Abre un requerimiento HTTP al servidor.  </li></ul>...
<ul><li>Tecnologías modernas de la web 2.0 usan Ajax, por ejemplo gmail o google maps de google </li></ul><ul><li>http:  /...
Upcoming SlideShare
Loading in...5
×

Ajax

1,352

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Ajax

  1. 1. AJAX Qué es AJAX? Ajax no es un lenguaje de programación, pero sí es una reunión de otras tecnologías (lenguajes de programación) como html, css , xml, JavaScript, dhtml básicamente, estas tecnologías trabajando juntas, forman lo que es Ajax.
  2. 2. Que hace Ajax? Ajax nos permite actualizar una parte de la página con información que se encuentra en el servidor sin tener que refrescar completamente la página, y de modo similar podemos enviar información al servidor, de esta manera se pueden desarrollar webs altamente interactivas, ahorrando ancho de banda y recargas de página.
  3. 3. <ul><li>AJAX son las siglas de (Asynchronous Javascript and XML) </li></ul><ul><li>Si traducimos esto no es más que una forma de programar aplicaciones interactivas para web(Es lo que se ha denominado web 2.0). </li></ul><ul><li>Quizás lo más difícil de AJAX es el tener que dominar varias tecnologías(nombradas anteriormente). </li></ul>
  4. 4. Ventajas de AJAX <ul><li>Uso de tecnologías ya existentes. </li></ul><ul><li>Soportada por la mayoría de los navegadores modernos. </li></ul><ul><li>Presenta Interactividad. El usuario no tiene que esperar hasta que llegen los datos del servidor. </li></ul>
  5. 5. <ul><li>Portabilidad (no requiere plug-in como Flash y Applet de Java) </li></ul><ul><li>Mayor velocidad, esto debido que no hay que retornar toda la página nuevamente. </li></ul><ul><li>La página se asemeja a una aplicación de escritorio. </li></ul>
  6. 6. Desventajas de AJAX <ul><li>Se pierde el concepto de volver a la página anterior. </li></ul><ul><li>Si se guarda en favoritos no necesariamente al visitar nuevamente el sitio se ubique donde nos encontrábamos al grabarla. </li></ul><ul><li>La existencia de páginas con AJAX y otras sin esta tecnología hacen confundir al usuario. </li></ul>
  7. 7. <ul><li>Problemas con navegadores antiguos que no implementan esta tecnología. </li></ul><ul><li>No funciona si el usuario tiene desactivado el JavaScript en su navegador. </li></ul><ul><li>Requiere programadores que conozcan todas las tecnologías que intervienen en AJAX. </li></ul><ul><li>Dependiendo de la carga del servidor podemos experimentar tiempos tardíos de respuesta que desconciertan al visitante. </li></ul>
  8. 8. XMLHttpRequest <ul><li>El objeto XMLHttpRequest es fundamental en el trabajo con Ajax, es un elemento que nos sirve para la comunicación asincrónica con el servidor. </li></ul><ul><li>Este objeto nos permite enviar y recibir información, principalmente en formato XML, aunque puede ser en cualquier otro formato. </li></ul>
  9. 9. <ul><li>Este objeto es manejado desde javascript, por lo tanto lo primero que debemos hacer es comprobar la disponibilidad en el navegador. </li></ul><ul><li>En los navegadores basados en Mozilla, la referencia a este objeto desde javascript es window.XMLHttpRequest . </li></ul><ul><li>Sería algo así: </li></ul><ul><li>if (window.XMLHttpRequest) xmlHttp = new XMLHttpRequest(); </li></ul>
  10. 10. <ul><li>En Internet Explorer tenemos que hacer uso de ActiveXObject , existiendo varias versiones denominadas Microsoft.XMLHTTP y Msxml2.XMLHTTP : </li></ul><ul><li>if (window.ActiveXObject) xmlHttp = new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;); </li></ul><ul><li>En estos 2 fragmentos de código (marcados con color verde) estamos implementando una función que nos retorne un objeto XMLHttpRequest, para cada navegador. </li></ul>
  11. 11. <ul><li>La función completa quedaría de la siguiente manera: </li></ul><ul><li>function crearXMLHttpRequest() { </li></ul><ul><li>var xmlHttp=null; </li></ul><ul><li>if (window.ActiveXObject) xmlHttp = new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;); </li></ul><ul><li>else if (window.XMLHttpRequest) </li></ul><ul><li>xmlHttp = new XMLHttpRequest(); </li></ul><ul><li>return xmlHttp; </li></ul><ul><li>} </li></ul>
  12. 12. <ul><li>Las principales propiedades del objeto XMLHttpRequest son: </li></ul><ul><li>onreadystatechange , almacena el nombre de la función que se ejecutará cuando el objeto XMLHttpRequest cambie de estado. </li></ul><ul><li>readyState, a lmacena el estado del requerimiento hecho al servidor, este puede ser: </li></ul><ul><li>0 - N o inicializado </li></ul><ul><li>1 - Cargando </li></ul><ul><li>2 - Cargado </li></ul><ul><li>3 - Interactivo </li></ul><ul><li>4 - Completado </li></ul>
  13. 13. <ul><li>responseText , almacena el string devuelto por el servidor, luego de haber hecho una petición. </li></ul><ul><li>responseXML, similar a responseText, pero los datos devueltos por el servidor se encuentran en formato XML. </li></ul>
  14. 14. Los principales métodos del objeto XMLHttpRequest son: <ul><li>open, Abre un requerimiento HTTP al servidor. </li></ul><ul><li>send, Envía el requerimiento al servidor. </li></ul>
  15. 15. <ul><li>Tecnologías modernas de la web 2.0 usan Ajax, por ejemplo gmail o google maps de google </li></ul><ul><li>http: / / gmail.com/ </li></ul><ul><li>http: / / maps.google.com/ </li></ul><ul><li>, o Yahoo Maps de yahoo. </li></ul><ul><li>http: / / maps.yahoo.com/ </li></ul><ul><li>Entre muchas más tecnologías modernas . </li></ul><ul><li>POR: ESTE B A N CHAM B A JIM É N E Z </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×