Autocomplete search make easier to find an item from the long list of available items.
It displays suggestion based on the typed searched text.
If your data available in XML format then also you can use it for autocomplete searching.
Plugin is used to add features to the site without modifying the core code.
While building plugin you can also use AJAX to save the form after submit, retrieve data from MySQL database, file upload, etc.
In the plugin, AJAX is implemented as same as implemented on the theme.
In CodeIgniter, Model is used for the Database manipulation - fetch, insert, update, and delete records.
If within the project there are multiple Models are available then it may require to perform the action in a Model which is already created in another Model.
In this case, you can either create a separate function to perform the same action or use the already available method in the Model.
When DataTable is initialized on the HTML table then it generates pagination which has sorting, searching on all columns, change number of records display features.
The default search control mainly uses to finds value on all columns and display filter list. But it can be customized.
Sometimes it requires to add some custom search filters based on the records available like - date filtering, single field search, etc.
DataTables is a jQuery plugin which makes easier to add pagination on the webpage.
Just need to add records list then it will auto-adjust data and create pagination with search and sort feature.
There are options available to implement AJAX pagination.
Sometimes its require to quickly modify multiple records and save it to the MySQL database table.
It makes easier to update records instead of updating one by one.
With checkboxes, enable multiple records selection from the list.
Pagination is used to display the large list of records in multiple pages form. This makes easier to access records.
You can make traversing more easier by add sorting on the table.
The table list gets arranged according to the clicked header.
In WordPress, you can easily customize the page by editing the page.php file of the active theme. But the change will affect on all pages where no need of customization.
You can avoid this by creating the custom page template.
Using this you can design different-different layout for the pages and add extra content to it without affecting regular pages on the site.
AJAX is use to communicate with the server and perform action like - database manipulation, file upload, etc. without the need to refresh whole page.
Dropzone library makes easier to implement file upload using drag and drop on the page.
After file uploading, it shows the preview of the file in the upload area.
All the thumbnails are removed when the webpage is get refreshed.
To recreate the thumbnails after page refresh needs to send AJAX request to get all files list for adding thumbnails while initializing Dropzone.
Auto-populating records based on the selection make easier to control the flow of inputs and the user is restricted on the selection.
Data is updated on dependent dropdown according to parent dropdown selection.
To send AJAX request in Vue.js I am using Axios package.
AJAX makes easier to load records from MySQL database without reloading the whole page.
Handle AJAX request from the controller and database manipulation in the model.
In this tutorial, I show how you can fetch records from MySQL database with jQuery AJAX in Laravel.
Dropzone is a JavaScript library which allows uploading file by drag'n'drop and display the file preview after upload.
It is easier to add to the page and it does not depend on any library like jQuery.
The file will upload to the server via AJAX.
jQuery UI sortable enable to reorder the HTML element by drag & drop.
This will use to allow the users to adjust the positions of images to display on the webpage.
In this tutorial, I show how you can save the sorted image list order in the MySQL database and read it.
AJAX pagination makes it easier to display the large list of records in multiple pages without refreshing the whole page when navigating.
While navigating pages if you refreshed the webpage then it will load record from 1st instead of page position before the refresh.
E.g. If you are on 5 page then it will again start from 1 when webpage reload.
The live character counter is very useful when need to validate the user from entering more input or display warning message.
Character count visible on the screen while inputting character in the input box.
This notifies the user that how many characters are left or the total number of characters is been entered.
By storing media files to MySQL database make easier to retrieve files uploaded by the user or in the specific category.
For this require storing file to the server and save the reference to the database.
In the tutorial, I show how you can upload and store video to MySQL database table with PHP.
If you are using MySQL database in your web project then there is always possibility that you need to insert, update, and delete records instead of just fetching and displaying records.
In this tutorial, I show how you can insert, update, and delete a record from MySQL database table in Laravel.
AJAX makes easier to perform operations without submitting the form like - fetch, insert, delete records from MySQL database, file uploading, etc.