Category: AJAX

You can use single load more button on your webpage to paginate the list of records.

This type of pagination is very common on the website or in mobile apps.

The user needs to click on the load more button whenever the need to view more items.

After the click, the data will append with the existing list items.

In this tutorial, I am creating the similar type of functionality using jQuery and AJAX.

Load more results with jQuery,AJAX, and PHP

AJAX JQuery PHP

Drag and drop is a simple way to allow the users to upload their files by dropping to the container. Nowadays most websites allow uploading using both drag and drop and the file browse e.g. PushBullet, Facebook, SlideShare, etc.

I am using AJAX to save the file to the server which triggers when the file dropped on the target container.

In this tutorial, I show how you can implement the similar type of feature in your project and which show thumbnail when the file successfully uploaded.

Drag and drop file upload with jQuery and AJAX

AJAX JQuery PHP

Like unlike functionality used in many websites to know the user response to their content or article.

In this tutorial, I will add like and unlike buttons within the content and handle with jQuery and PHP.

In the demonstration, I will show the list of posts within this posts they have like unlike button.

It also has a label which shows how many totals like and unlike get a post. Whenever user clicked on a button the value of label gets changed.

Like unlike using AJAX, jQuery and PHP

AJAX JQuery PHP

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

AJAX JQuery PHP

AJAX JQuery PHP