Mindblown: a blog about philosophy.
-
The first phase of the Boot Closet commerce page
The load() method is tremendously useful when you want to grab a fragment of HTML to stuff into the content of an element (or set of elements). But there may be times when you either want more control over how the Ajax request gets made or need to do something more complex with the returned data in…
-
Loading content into elements
Perhaps one of the most common uses of Ajax is to grab a chunk of content from the server and stuff it into the DOM at some strategic location. The content could be an HTML fragment that’s to become the child content of a target container element, or it could be plain text that will…
-
Keeping track of progress
An XHR instance informs you of its progress through the ready state handler. This handler is established by assigning a reference to the function to serve as the ready handler to the onreadystatechange property of the XHR instance. Once the request is initiated via the send() method, this callback will be invoked numerous times as the request makes transitions…
-
Brushing up on Ajax
Although we’ll take a quick look at Ajax in this section, this isn’t intended as a complete Ajax tutorial or an Ajax primer. If you’re completely unfamiliar with Ajax (or worse, think that we’re talking about a dishwashing liquid or a mythological Greek hero), we encourage you to familiarize yourself with the technology through resources…
-
Talk to the server with Ajax
This lessons covers Ajax is one of the technologies that has heavily transformed the landscape of the web. The ability to make asynchronous requests back to the server without the need to reload entire pages has enabled a whole new set of user-interaction paradigms and made DOM-scripted applications possible. A few years after Microsoft introduced…
-
Conclusion
In this lesson we put your knowledge into action by developing a simple but fully functional Ajax contact form. While developing the demo, we touched on a lot of topics covered in this app. We used the selectors, including the context parameter, which you learned in lesson 2. Methods like parent(), next(), and find(), introduced in lesson 3, were used to refine…
-
A note on accessibility
JavaScript is a powerful and ubiquitous language that allows you to perform an incredible number of tasks. As you’ve seen in this app, jQuery enables you to take your code to the next level, doing a lot with few lines of code. When developing for the web, however, you have to keep in mind that…
-
Improving the user experience using effects
Effects and animations are never an indispensable part of any application, in the sense that with or without them people should still be able to perform the task they want. Under some circumstances, though, they can be useful for improving the experience of your users. In this project you can allow error messages and the…
-
Even more fun with Ajax
The ability to provide a quick feedback to your users is a nice feature. Nonetheless, you want to instruct your form to know what to do in case the user clicks the Submit button. To build this feature, you need to attach a handler to the submit event triggered by the form. Your handler’s aim is to…
-
Field validation using Ajax
Your form is in place and you have a PHP page able to process the incoming requests. In an old-fashioned, synchronous world this would be enough. The user fills the form and clicks the Submit button to send the data to the server; the latter uses a server-side language to process the data, validate them,…
Got any book recommendations?