Datatables AJAX pagination with Search and Sort – Laravel 7

DataTables is a jQuery library that is used to create pagination. It comes with various features – pagination, sorting, search, etc.

You can load data with and without AJAX.

In this tutorial, I show how you can create AJAX pagination with search and sort using DataTables in Laravel 7.

I am not using Laravel package for DataTables.

Datatables AJAX pagination with Search and Sort - Laravel 7

Read more

How to load XML data in jQuery UI autocomplete with PHP

jQuery UI autocompletes enable a textbox to show a suggestion list based on the input.

It allows the loading of suggestion list using AJAX.

AJAX response must be in a defined format otherwise, the list wouldn’t show.

You can load XML data if available.

In this tutorial, I show how you can load XML file data in jQuery UI autocomplete using AJAX and PHP.

How to load XML data in jQuery UI autocomplete with PHP

Read more

How to add Select2 on Dynamic element – jQuery

Select2 jQuery plugin is easy to add on the <select > element. Need to call the select2() method on the selector to initialize.

If you adding select2 on a class or select element and when you add an element dynamically then select2 is not initialized on that element.

In this tutorial, I show how you can initialize select2 on dynamically created HTML <select > element using jQuery.

I am loading select2 data using jQuery AJAX in the example.

How to add select2 on Dynamic element - jQuery

Read more