AJAX Live Search

AJAX Live Search is a PHP search form that similar to Google Autocomplete feature displays the result as you type. AJAX Live Search is totally free.

Features

Cross-Browser Compatible

Thanks to BrowserStack, AJAX Live Search is compatible with different browsers including Chrome, Firefox, Safari, Opera and yes, IE8+!

Responsive Layout

AJAX Live Search is optimized for any screen and it is totally mobile-friendly. Go ahead and downsize your browser window width to see the responsive layout in action.

Arrow Key Navigation

The one thing missing in the majority of live search forms is the ability to navigate in result set by arrow keys. This feature is available in AJAX Live Search and the user can easily select the item using arrow and enter keys.

Secure

AJAX Live Search is secure against different types of attacks such as SQL Injection, Cross-Site Scripting (XSS) and Cross-Site Request Forgery (CSRF). This is achieved by using a unique random key for the search form (token), server-side validation and other security techniques.

Easy to Install

AJAX Live Search is well-documented and designed in a way that you only need a few steps to integrate it in your project.

Search Result Pagination

As you may know, it is a good practice to display search results in paginated format. It improves performance and is also user-friendly. Needless to say that AJAX Live Search supports pagination in the result set.

FAQ

AJAX Live Search is a search form that displays the result as you type. It acts like the Google Search Autocomplete (Auto Suggest) feature. Therefore it makes it easier for the users to find what they are looking for. AJAX Live Search has been developed using PHP, JavaScript (jQuery), AJAX and MySQL.

In AJAX Live Search front-end and back-end communicate using JSON. Therefore, as long as you provide the data source in the right format that should be fine. In addition, do not forget to handle generating a token for the form.

This is the result of Google, Microsoft, Apple and Facebook collaboration. Of course not! I am a web developer and spend some time to develop it especially while I was commuting on the train. If you are interested you can contribute to this project on GitHub.

According to GitHub around 45%, 34% and 19% of this project are JavaScript (jQuery), PHP and CSS respectively. In addition, I have used Fontello for the pagination icons, Preloaders to generate AJAX loader and mockaroo to generate dummy data.

Who I Am

My name is Ehsan Abbasi, a web developer based in Melbourne, Australia. I am passionate about web, eager to extend my knowledge to the others and keen on learning new technologies. I share my experiences on Keepcoding blog.

AJAX Live Search has been developed in my spare time, and also while I was commuting to work on the train! It has been tested thoroughly, but as you know no software is 100% bug-free. So please let me know if you find any issue.