How to Prepare a Live Search in the AJAX Environment


show more Preparing a live search AJAX app provides you with in-depth training on Developer. Taught by Ray Villalobos as part of the JavaScript and AJAX show less
please wait ...

Preparing a live search AJAX app

So it's time get busy with a real project in AJAX. I'm going to show you how to build a live search application, and this is what the application looks like when it's done. This application lets you type in some text in this input field and shows you only the records in the JSON document that match the search. It's dynamic, in that it updates as you're typing them. We're going to use some of what we have learned about AJAX so far and use some of jQuery's power to handle the heavy lifting. So let me go over the documents I'm going to start with. First off, I've cleared up the JavaScript file so that it has nothing in it.

I want to begin with a clean slate. I'm going to get rid of some of the files I no longer need that are still in my server like this data.xml and this data.txt file. So I'm hitting Command+Delete, I'm in Transmit, and then hit this Delete button, gets rid of them. Eventually I'll need to add a style sheet to my HTML file...

Preparing a live search AJAX app
Video duration: 3m 25s 1h 12m Intermediate

Viewers:

Preparing a live search AJAX app provides you with in-depth training on Developer. Taught by Ray Villalobos as part of the JavaScript and AJAX

Subjects:
Developer Web
Software:
Ajax JavaScript
Author:
please wait ...