Ajax

887 views

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
887
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ajax

  1. 1. AJAX CI-2413 Desarrollo de Aplicaciones para Internet
  2. 2. AJAX <ul><li>Es un conjunto de técnicas que ya habían sido utilizadas desde 1998 por Microsoft. </li></ul><ul><li>El término fue acuñado por Jesse James Garret en el 2005: </li></ul><ul><ul><li>http://www.adaptivepath.com/publications/essays/archives/000385.php </li></ul></ul>
  3. 3. AJAX: Ejemplos
  4. 4. AJAX: Más ejemplos… <ul><li>http://www.pageflakes.com/ </li></ul><ul><li>http://maps.google.com/ </li></ul><ul><li>http:// docs.google.com/ </li></ul><ul><li>http://www.eyespot.com/ </li></ul><ul><li>http://www32.meebo.com/ </li></ul>
  5. 5. AJAX: Frameworks <ul><li>Ruby on Rails (Ruby, prototype.js) </li></ul><ul><ul><li>http://rails.rubyonrails.com/classes/ActionView/Helpers/PrototypeHelper.html </li></ul></ul><ul><li>ATLAS (.NET) </li></ul><ul><li>Google Web Toolkit (Java) </li></ul><ul><ul><li>http://code.google.com/webtoolkit/ </li></ul></ul><ul><li>AjaxTags (JSP) </li></ul><ul><ul><li>http://ajaxtags.sourceforge.net/ </li></ul></ul>
  6. 6. AJAX: Frameworks <ul><li>xajax (PHP) </li></ul><ul><ul><li>http://xajaxproject.org/ </li></ul></ul><ul><li>Backbase (Versión de comunidad) </li></ul><ul><ul><li>http://www.backbase.com/ </li></ul></ul><ul><li>Dojo </li></ul><ul><ul><li>http://dojotoolkit.org/ </li></ul></ul>
  7. 7. AJAX: Frameworks <ul><li>Rialto </li></ul><ul><ul><li>http://rialto.improve-technologies.com/ </li></ul></ul><ul><li>Rico </li></ul><ul><ul><li>http://openrico.org/ </li></ul></ul><ul><li>SAJAX </li></ul><ul><ul><li>http://www.modernmethod.com/sajax/ </li></ul></ul>
  8. 8. AJAX: Técnicas utilizadas. <ul><li>Presentación basada en normas utilizando XHTML y CSS. </li></ul><ul><li>Despliegue dinámico e interacción utilizando el Modelo de Objetos del Documento. </li></ul><ul><li>Intercambio de datos y manipulación utilizando XML y XSLT. </li></ul><ul><li>Recuperación de datos asincrónicamente utilizando XMLHTTPRequest. </li></ul><ul><li>Javascript para unir todo lo anterior. </li></ul>
  9. 9. AJAX
  10. 10. AJAX
  11. 11. XMLHTTPRequest <ul><li>Normalmente: </li></ul><ul><ul><li>var req = new XMLHttpRequest(); </li></ul></ul><ul><li>En Microsoft Explorer: </li></ul><ul><ul><li>var req = new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;); </li></ul></ul>
  12. 12. XMLHTTPRequest: Métodos Método Descripción abort() Stops the current request getAllResponseHeaders() Returns complete set of headers (labels and values) as a string getResponseHeader(&quot; headerLabel &quot;) Returns the string value of a single header labelopen(&quot; method &quot;, &quot; URL &quot;[, asyncFlag [, &quot; userName &quot;[, &quot; password &quot;]]]) Assigns destination URL, method, and other optional attributes of a pending requestsend( content ) Transmits the request, optionally with postable string or DOM object datasetRequestHeader(&quot; label &quot;, &quot; value &quot;) Assigns a label/value pair to the header to be sent with a request

×