Category: JQuery

Autocomplete search filter display suggestion based on the user input e.g. listing all products which start with character ‘a’.

It makes easier for the user to search for an item from the list and select it from the suggestion list.

Require jQuery AJAX for implementing this.

Whenever the user enters a character send an AJAX request to fetch records with PHP and display the result.

In the demonstration, I show a textbox to search users. When an item selected from the suggestion list then fetch details of the selected users and display on the screen.

Make Autocomplete search with jQuery AJAX

AJAX DataBase JQuery PHP

Sometimes it requires to auto-populate data on the element based on selection on another element e.g. City names based on a state.

You can do this with the only PHP but it required you to submit every time on selection.

This solves the problem but it is little frustrating because it submits every time even if the selection is right or wrong.

For making it better you can use AJAX with jQuery that loads new data and removes old one on each selection.

In the demonstration, I am creating a Department drop-down list and based on the option selection show all existing users of that department on another Dropdown.

How to Auto populate dropdown with jQuery AJAX

AJAX How To JQuery PHP

A Login page is one of the basic requirement when creating a registration based website where the user can register to the website and sign in to its account to manage.

In this case, you can use AJAX to create a user-friendly login page.

With AJAX you can directly check the entered username and password are correct or not in MySQL database without reloading the whole page.

If the user is registered then redirect the user to a home page otherwise display an error.

Login page with jQuery and AJAX



With pagination, you can divide the large list of records into multiple pages.

The user will only view specific numbers of records at a time and require to navigate to view another list of pages.

You can create this with the only PHP or use jQuery AJAX to load pagination data without page reload.

In this tutorial, I am using jQuery AJAX to create pagination.

In the demonstration, I am creating a table layout to display the list of records and use next and previous buttons to navigate.

Ajax Pagination with jQuery and PHP


If you are allowing the user to login with their username and password then you have to make sure that every user has the unique username.

When the user goes for registration on your site check username either after form submits or check it with AJAX while entering.

In this tutorial, I am using jQuery AJAX to check username is available or not.

Check username availability with jQuery and AJAX

AJAX DataBase JQuery PHP

Tab content area occupies less space and can handle a lot of information on the web page. It displays multiple sections in a neat way.

It is used to display related information e.g. displaying different types of settings forms.

This makes easier for the user to quickly switch from one section to the other.

In this tutorial, I show how you can create a simple Tab layout with HTML, CSS, and jQuery.

Simple Tab content area with HTML, CSS and jQuery