Tutorialzine is sharing tutorial how to build a simple AJAX movie search form using jQuery UI’s autocomplete widget,. The script is going to use TheMovieDatabase.org‘s free API, to provide auto suggestions against a vast database of movie titles.

When you start typing a movie title in the text box of the form, an AJAX request is sent to moveInfo.php. This script sends a search request to TMDb’s API, with our developer key. The service returns a JSON object with suitable movie titles. The script processes them and outputs them back as a response to the AJAX request. Before being able to use the API, you need to get a free developer key from TMDb after a quick registration.

Requirements: jQuery framework, jQuery UI,TheMovieDatabase.org‘s API
Demo: http://demo.tutorialzine.com/2010/08/simple-movie-search-app-jquery-ajax/movieApp.html#
License: License free

Incoming search terms for the article:

• jquery search box
• jquery search
• autocomplete jquery
• search jquery
• slickgrid tutorial
• ajax search box
• jquery ui form
• SlickGrid demo
• jQuery search form
• jQuery UI