Menu Search
Jump to the content X X
Smashing Conf San Francisco

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

24 Excellent AJAX Tutorials

AJAX provides Web developers with plenty of opportunities to enhance the user experience and improve the performance of their websites. There are countless ways that AJAX can be used, and fortunately there are plenty of good and useful AJAX tutorials out there to help you with your own implementation. [Content Care Oct/28/2016]

This post serves as a collection of useful tutorials on working with AJAX in a wide variety of ways. You’ll find tutorials on working with forms, building shopping carts, creating chat features, working with log-ins and usernames and much more.

For more on AJAX see:

Useful AJAX Tutorials Link

AJAX Username Availability Checker Using MooTools 1.25
When allowing a user to register a username, you can use AJAX with MooTools to let them check the availability of the username being submitted.

6

AJAX and XML: AJAX for Chat7
Learn how to create a simple chat box for a website.

8

RSS AJAX JavaScript Ticker9
This AJAX ticker may be useful for displaying news headlines or similar content to visitors.

10

Building Your First AJAX Application with PHP11
An introductory post for getting started with AJAX.

12

Taking AJAX Further with PHP13
Following up on the preceding introduction, this post goes a bit further.

14

How to Call Server-Side Function from Client-Side Code Using PageMethods in ASP.NET AJAX15
This post shows a work-around for calling server-side functions from the client side.

16

Developing Portlets Using JSF, AJAX, and Seam – Part 117, Part 218, and Part 319
An in-depth three-part series to help you create portals.

20

AJAX Forms with jQuery21
Trevor Davis shows how to create a form that will check an email address for validity, makes sure there are no blank fields and display an error if something isn’t right or complete.

22

A Dynamic AJAX Table Example Using Dojo and RESTful Web Services on Glassfish23
This tutorial takes you through the process of creating a dynamic table as you would see on a travel-booking website.

24

Auto Populating Select Boxes Using jQuery and AJAX25
Learn how to allow users to choose a top-level category in a select box that will trigger the subcategory box to autopopulate.

26

Easy AJAX with jQuery27
This tutorial includes some introductory information on AJAX and jQuery and will help you get started.

28

Load Content While Scrolling with jQuery29
This tutorial creates a scrolling effect similar to DZone30’s.

31

Wicket – Updating ListViews Using an AjaxLink32
Create a table that will update without a full page refresh when a link is clicked.

33

AJAX for Evil: Spyjax34
A look at the dark side of AJAX: viewing browsing habits.

35

Use AJAX and PHP to Build Your Mailing List36
Allow visitors to subscribe to a mailing list without a page refresh.

37

Making AJAX Work with Screen Readers38
For accessibility purposes, this article covers how AJAX effects can affect users of screen readers.

39

Making Element Selection and AJAX simple with DOMAssistant40
A tutorial to get you started with the DOMAssistant JavaScript library.

41

Slider Using PHP, AJAX, and JavaScript42
Create a nice slider using PHP, JavaScript and AJAX.

ASP.NET AJAX Calendar Extender43
Seven different tips and tricks for working with this calendar extender.

Log-in/Sign-up Screen Using AJAX Modal Pop-up Extender44
This is a quick look at creating log-in and sign-up forms.

45

Dealing with Large Data in AJAX46
Get your AJAX application to meet your data requirements.

Creating a Gmail-Like AJAX Status Display47
Use Prototype and AJAX to create this status display.

48

Creating an AJAX-Enabled Calendar Control49
Another tutorial that focuses on enhancing calendars with AJAX effects.

50

JavaScript Error Publishing using ASP.NET AJAX51
Use AJAX to display errors in code.

52

(al)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2010/02/some-things-you-should-know-about-ajax/
  2. 2 https://www.smashingmagazine.com/2015/01/why-ajax-isnt-enough/
  3. 3 https://www.smashingmagazine.com/2011/10/how-to-use-ajax-in-wordpress/
  4. 4 https://www.smashingmagazine.com/2009/03/70-new-useful-ajax-and-javascript-techniques/
  5. 5 http://davidwalsh.name/ajax-username-availability-checker-mootools-12
  6. 6 http://davidwalsh.name/ajax-username-availability-checker-mootools-12
  7. 7 http://www.ibm.com/developerworks/web/library/x-ajaxxml8/index.html?ca=drs-
  8. 8 http://www.ibm.com/developerworks/web/library/x-ajaxxml8/index.html?ca=drs-
  9. 9 http://www.javascriptkit.com/dhtmltutors/ajaxticker/index.shtml
  10. 10 http://www.javascriptkit.com/dhtmltutors/ajaxticker/index.shtml
  11. 11 http://peter.upfold.org.uk/blog/2006/09/27/building-your-first-ajax-application-with-php/
  12. 12 http://peter.upfold.org.uk/blog/2006/09/27/building-your-first-ajax-application-with-php/
  13. 13 http://peter.upfold.org.uk/blog/2007/02/18/taking-ajax-further-with-php/
  14. 14 http://peter.upfold.org.uk/blog/2007/02/18/taking-ajax-further-with-php/
  15. 15 http://www.dotnetcurry.com/ShowArticle.aspx?ID=109
  16. 16 http://www.dotnetcurry.com/ShowArticle.aspx?ID=109
  17. 17 http://www.infoq.com/articles/jsf-ajax-seam-portlets-pt-1;jsessionid=5D98C3CBDCB1F7DAC59B07E6B6FBFB19
  18. 18 http://www.infoq.com/articles/jsf-ajax-seam-portlets-pt-2;jsessionid=5D98C3CBDCB1F7DAC59B07E6B6FBFB19
  19. 19 http://www.infoq.com/articles/jsf-ajax-seam-portlets-pt-3
  20. 20 http://www.infoq.com/articles/jsf-ajax-seam-portlets-pt-1;jsessionid=5D98C3CBDCB1F7DAC59B07E6B6FBFB19
  21. 21 http://trevordavis.net/blog/tutorial/ajax-forms-with-jquery/
  22. 22 http://trevordavis.net/blog/tutorial/ajax-forms-with-jquery/
  23. 23 http://weblogs.java.net/blog/caroljmcdonald/archive/2008/07/a_dynamic_ajax.html
  24. 24 http://weblogs.java.net/blog/caroljmcdonald/archive/2008/07/a_dynamic_ajax.html
  25. 25 http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/
  26. 26 http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/
  27. 27 http://www.sitepoint.com/article/ajax-jquery/
  28. 28 http://www.sitepoint.com/article/ajax-jquery/
  29. 29 https://webresourcesdepot.com/load-content-while-scrolling-with-jquery/
  30. 30 http://dzone.com
  31. 31 https://webresourcesdepot.com/load-content-while-scrolling-with-jquery/
  32. 32 http://blog.xebia.com/2008/06/04/wicket-updating-listviews-using-an-ajaxlink/
  33. 33 http://blog.xebia.com/2008/06/04/wicket-updating-listviews-using-an-ajaxlink/
  34. 34 http://davidwalsh.name/ajax-evil-spyjax
  35. 35 http://davidwalsh.name/ajax-evil-spyjax
  36. 36 http://www.sitepoint.com/article/use-ajax-php-build-mailing-list/
  37. 37 http://www.sitepoint.com/article/use-ajax-php-build-mailing-list/
  38. 38 http://juicystudio.com/article/making-ajax-work-with-screen-readers.php
  39. 39 http://juicystudio.com/article/making-ajax-work-with-screen-readers.php
  40. 40 http://css.dzone.com/news/ajax-and-simple-element-select
  41. 41 http://css.dzone.com/news/ajax-and-simple-element-select
  42. 42 http://roshanbh.com.np/2008/01/slider-using-php-ajax-and-javascript.html
  43. 43 http://www.dotnetcurry.com/ShowArticle.aspx?ID=149
  44. 44 http://www.codeproject.com/KB/ajax/LoginSignupScreen.aspx
  45. 45 http://www.codeproject.com/KB/ajax/LoginSignupScreen.aspx
  46. 46 http://css.dzone.com/articles/dealing-large-data-ajax
  47. 47 http://css.dzone.com/news/creating-gmail-ajax-status-dis
  48. 48 http://css.dzone.com/news/creating-gmail-ajax-status-dis
  49. 49 http://aspnet.4guysfromrolla.com/articles/022008-1.aspx
  50. 50 http://aspnet.4guysfromrolla.com/articles/022008-1.aspx
  51. 51 http://seejoelprogram.wordpress.com/2008/02/05/javascript-error-publishing-using-aspnet-ajax/
  52. 52 http://seejoelprogram.wordpress.com/2008/02/05/javascript-error-publishing-using-aspnet-ajax/

↑ Back to top Tweet itShare on Facebook

Advertisement

Steven Snell is a Web designer and blogger. In addition to maintaining his own blog and writing for a number of other top design blogs, he also manages an online shop that offers premium graphic design resources.

  1. 1

    Smashin’ Ajax! thanx for the share and keep these kinda posts comin’

    :p

    2
  2. 2

    so nice! thanks

    0
  3. 3

    This is really great stuff! Thanks !
    I always come back for this kind of posts… just like the useful javascripts you gave last month.

    2
  4. 4

    Wow. That is a fantastic line up. You’ve got some really good tut’s in there. I was especially interested in the AJAX chat example and some of the jQuery stuff. I’m not a huge fan of jQuery only because I prefer to code from scratch but it definitely has its uses.

    Great work as always :)

    1
  5. 5

    Just a collection of many websites wich have collected ajax based scripts. Though, there are quote a few wich are awesome.

    -1
  6. 6

    WordPress does not have a good effect AJAX recommend?

    2
  7. 7

    Gracias.

    0
  8. 8

    Nice collection, some I hadn’t seen that i’m defiantly going use.

    -1
  9. 9

    GalaxySpectrum

    October 16, 2008 5:44 pm

    Thank you for this useful collection :-)

    -1
  10. 10

    dendy b sulistyo

    October 16, 2008 7:13 pm

    awwweesome!

    0
  11. 11

    Thanks ! Great one. will read the full article later.

    -1
  12. 12

    great list! the AJAX Overhaul sets would be very useful. thanks for sharing!

    2
  13. 13

    świetne :)

    -1
  14. 14

    Very Nice Sharing.
    Thanks

    2
  15. 15

    Wow! Thanks a lot !

    0
  16. 16

    Great article!

    0
  17. 17

    Groobe!

    0
  18. 18

    maravilloso!

    0
  19. 19

    Excellent article!!!. Thanks!!!

    0
  20. 20

    Great article!
    Anybody know if there’s any tutorial to create chat application like Facebook’s ?

    0

↑ Back to top