Recommended
More Related Content
What's hot
What's hot (19)
Similar to Pracitcal AJAX
Similar to Pracitcal AJAX (20)
Recently uploaded
Recently uploaded (20)
Pracitcal AJAX
- 1. Practical Ajax Inside and Out Jack Herrington Ajax Author and Developer
- 3. Introduction To AJAX
- 4. Introduction To AJAX Web Client Web Server
- 5. Introduction To AJAX Web Client Web Client HTML mypage.php Web Server
- 6. Introduction To AJAX Web Client Web Client Web Client XML HTML JSON HTML Text mypage.php mydata.php mypage.php Web Server
- 7. AJAX Toolkits Prototype Scriptaculous Yahoo! UI (yui) Google Web Toolkit (GWT) Microsoft’s ATLAS
- 8. AJAX and PHP Web Client XML HTML JSON Text mypage.php mydata.php prototype.js
- 9. Transport Protocols Text HTML XML Javascript
- 10. TEXT Transport <html> <head> <script src=quot;prototype.jsquot;></script> </head> <body> <script> new Ajax.Request( 'text.txt', { method: 'get', onSuccess: function( transport ) { alert( transport.responseText ); } } ); </script> Here is some text </body> </html>
- 11. HTML Trasport <html> <head> <script src=quot;prototype.jsquot;></script> </head> <body> <div id=quot;spotquot;> </div> <script> new Ajax.Request( 'portion.html', { method: 'get', onSuccess: function( transport ) { $('spot').innerHTML = transport.responseText; } } ); </script> </body> Here is <b>HTML</b> encoded text. </html>
- 12. XML Transport <html> <head> <script src=quot;prototype.jsquot;></script> </head> <body> <script> new Ajax.Request( 'data.xml', { method: 'get', onSuccess: function( transport ) { var itemTags = transport.responseXML.getElementsByTagName( 'item' ); alert( itemTags[0].firstChild.nodeValue ); } } ); </script> </body> <data> </html> <item>Hello</item> </data>
- 13. JSON Transport <html> <head> <script src=quot;prototype.jsquot;></script> </head> <body> <script> new Ajax.Request( 'data.js', { method: 'get', onSuccess: function( transport ) { alert( eval( transport.responseText ) ); } } ); </script> </body> </html> 1+2
- 14. Tabs
- 15. Search Forms
- 17. Search Forms Instant Delayed
- 18. Tables
- 19. Tables Basic
- 20. Tables Basic Paged
- 21. Tables Basic Paged Hidden DIVs
- 22. Logins
- 23. Forms
- 24. Slideshows
- 25. Lightboxes
- 26. AJAX Windows
- 27. AJAX Video
- 28. Common Pitfalls Cross protocol and cross domain problems Timer problems XML instead of Javascript Too much complexity Not respecting Javascript
- 29. Widgets
- 31. Resources Ajaxian.com IBM Developerworks AJAX articles and forum Mozilla, MSDN and Apple http://twitter.com/richsipe - IFRAME version of Lightbox