Home arrow JavaScript arrow Making JavaScript Applications Degrade Gracefully with AJAX and MySQL

Making JavaScript Applications Degrade Gracefully with AJAX and MySQL

For many web developers, JavaScript can be the perfect client-side scripting language for turning a boring web site into a bunch of interactive elements. This impressive interactivity comes at a cost in those cases where a web application has been designed to depend entirely on this language for working appropriately. Fortunately, there is a solution; keep reading to learn more.

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 3
July 02, 2007
  1. · Making JavaScript Applications Degrade Gracefully with AJAX and MySQL
  2. · Fetching database rows using a typical approach
  3. · Displaying additional database records with AJAX
  4. · Putting all the pieces together

print this article

Making JavaScript Applications Degrade Gracefully with AJAX and MySQL
(Page 1 of 4 )


If you want to learn how to solve this issue with relative ease, then this series of articles might be what you're looking for. Welcome to the last installment of the series that began with "Making JavaScript Applications Degrade Gracefully." As the title clearly says, over the course of these three tutorials you'll find concrete examples of how to develop JavaScript applications that degrade gracefully when scripting has been disabled on the browser.

If you already went through the preceding articles of the series, then quite possibly you'll be very familiar with the basic concepts surrounding the development of JavaScript code that has the "ability" to fail transparently under certain client-side conditions. True to form, I demonstrated how to write some basic JavaScript routines aimed at expanding the existing functionality of a specific web application, while keeping its original capacity practically untouched.

This concept is very important in the terrain of web development. When it's applied in conjunction with some others, such as the creation of unobtrusive JavaScript code, it can result in the construction of more robust and independent server-side applications.

Nevertheless, it's quite possible that you already know in detail all of these fundamental concepts, thus I believe that it's time to introduce the topics that I plan to cover in this final article of the series. In this case, I'll be using a step-by-step process to demonstrate how to develop a typical web application that first retrieves some records from a MySQL database, and then displays them straight to the browser.

But the catch here consists of fetching these records via AJAX, which means that no web page reloads will take place. However, if JavaScript has been disabled in the client, users still will be able to visualize the database records in question. Undoubtedly, this is an example where JavaScript can be used to extend the original functionality of a certain web application, but it doesn't affect the way this application works when scripting has been deactivated on the browser.

With the preliminaries out of our way, let's move forward and learn together how to pull some database rows from MySQL via AJAX. It'll be a truly educational experience, trust me!

blog comments powered by Disqus

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials