AJAX Suggest

AJAX is used to create more interactive applications. For example,
Start typing a course in the input field:

Suggestions:
When you start typing in the textbox, a JavaScript sends the letters off to a server and the server returns a list of suggestions. It consists of three pages: The HTML Form
This AJAX contains a simple HTML form and a link to a JavaScript file:

view source
print?
1<html>
2 <head><script src="ShowHint.js"></script></head>
3 <body>
4  <form action="">
5   Course: <input type="text" id="txt1" onKeyUp="showHint( this.value )" />
6   Suggestions: <span id="txtHint"></span>
7  </form>
8 </body>
9</html>

As you can see, the HTML page above contains a simple HTML form with an input field called txt1. The form works like this:
  1. An event is triggered when the user presses and releases a key in the input field. The event onKeyup executes JavaScript code when a Keyup event occurs; that is, when the user releases a key.

  2. When the event is triggered, a function called showHint is executed.

  3. Below the form is an element <span> called txtHint. This is used as a placeholder for the return data of the showHint function.



      A guy goes ice fishing for the very first time.    
      All of a sudden, he hears a voice. “There are no fish under the ice!”    
      He ignores it and moves to another area, cuts a hole, and tosses his line in.    
      Again, he hears the booming voice: “There are no fish under the ice!”    
      He nervously looks up and asks, “Lord? Is that you?”    
      “No, this is the rink manager!”    
      — Emmy Award-winning actress Allison Janney