Makitweb Posts

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


Using login page registered users sign in to the website and manage its account.

On the user successful login attempt need to define $_SESSION.

This helps to detect the user is actually logged in or not when going to another web pages and it also helps to display content according to the user.

In this tutorial, I show how you can create a Login page with PHP and MySQL.

Create simple login page with PHP and MySQL

DataBase PHP

Pagination helps us to split the large list of records into multiple parts. This improves the UI and improves page load faster.

It limits the number of records visible to the user and requires to navigate through pagination control to view another list.

In this tutorial, I show how you can simply create pagination with HTML, CSS, and PHP.

How to create Pagination with PHP


In PHP you can easily upload any type file on the server using move_uploaded_file() method.

But it requires form submit for uploading the selected file.

If you want to store image file and display preview without reloading the whole page then you need to use jQuery AJAX.

Send the selected file using FormData object in AJAX request.

How to upload Image file using AJAX and jQuery


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