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.
Like unlike functionality used in many websites to know the user response on 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 and unlike button. It also has a label which shows how many like and unlike get by a post. Whenever user clicked on a button the value of label gets changed.
Autocomplete search element show suggestion based on user input e.g. listing all products which start with character ‘a’.
For implementing this in the program you need to send AJAX when a keyup event triggers on an input element.
What in the demonstration?
Show an input box for searching users and show the list of the result based on input. When the users select any of the items from the suggestion list then fetch details of the selected value and display it on the screen.
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 an user-friendly login page.
Which checks the entered username and password in the MySQL database table without reloading the web page. If the user is not available then show an error message on the screen otherwise redirect the user to a new page.