Chapter 1. The Client-Side Search Engine
| Application Features | JavaScript Techniques |
|---|---|
| • Efficient Client-Side Searching | • Using Delimited Strings to Store Multiple Records |
| • Multiple Search Algorithms | • Nested for Loops |
| • Sorted and Portioned Search Results | • Wise Use of document.write( ) |
| • Scalable to Thousands of Records | • Using the Ternary Operator for Iteration |
| • Easily Coded for JavaScript 1.0 Compatibility |
Every site could use a search engine, but why force your server to deal with all those queries? The Client-Side Search Engine allows users to search through your pages completely on the client side. Rather than sending queries to a database or application server, each user downloads the “database” within the requested web pages. This makeshift database is simply a JavaScript array. Each record is kept in one element of the array.
This approach has some significant benefits, chiefly reducing the server’s workload and improving response time. As good as that sounds, keep in mind that this application is restricted by the limitations of the user’s resources, especially processor speed and available memory. Nonetheless, it can be a great utility for your web site. You can find the code for this application in the ch01 folder of the zip file. Figure 1.1 shows the opening interface.

Figure 1-1. The opening interface
This application comes equipped ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access