• 1
• 2
• 3
• 4
• 5

ajax creating javascript page search simple site suggest suggestid table technologies title tutorial

Keyword Cloud Navigation Map

Suggest is one of the better AJAX patterns that I have run across.  It certainly can make a site much more user friendly in implemented properly.  What we will be creating probably won't be that useful, but it will give you a good understanding of how to implement a robust version on your own site.

This tutorial is extreamly simple, thus is a great place to start if you are unfamiliar with AJAX technologies.  The tutorial consists of a HTML page for presenting the suggest searchbox, a JavaScript file for handling the AJAX functionality, and a simple server-side PHP page that returns a new-line seperated list of suggested searches.

The suggestions returned from the server are based on my page titles.  In a real implemetation, you would probably want to make this more robust to suggest searches that other users have looked for in the past.

CREATE TABLE `suggest` (
  `suggest_id` INT(11) NOT NULL AUTO_INCREMENT,
  `title` VARCHAR(255) DEFAULT NULL,
  PRIMARY KEY  (`suggest_id`)
)

Read Full Tutorial...