AJAX Archives - Page 18 of 33

How to add Custom Filter in DataTable – AJAX and PHP

Last updated on July 23, 2023 by Yogesh Singh

DataTables plugin brings enhanced functionality and interactivity to HTML tables, offering features like pagination, sorting, and searching across all columns. By default, DataTables provides a search control that allows users to find values across the entire table and presents a filter list for easy data filtering.

However, the beauty of DataTables lies in its customizability, empowering developers to create tailor-made search filters based on specific record requirements, such as date filtering or single field search.

In this tutorial, we will delve into the process of adding custom filters to DataTables and utilizing AJAX for seamless data retrieval. Let’s get started and elevate the power of DataTables with personalized filtering capabilities.

How to add Custom Filter in DataTable – AJAX and PHP

DataTables AJAX Pagination with Search and Sort – PHP

Last updated on September 29, 2023 by Yogesh Singh

DataTables is a powerful jQuery plugin that offers advanced features for tabular data display on a web page. It has pagination, sorting, and filtering features that make managing large amounts of data simple.

It can help you present your data in a way that is both informative and accessible, whether you’re working with simple spreadsheets or complex datasets.

DataTable will automatically adjust data and create pagination with a search and sort feature after you add a data list to the HTML table and initialize it.

There are options available to implement AJAX pagination.

In this tutorial, I show how you can use DataTables with AJAX to implement pagination with search and sort using PHP.

Insert Update and Delete record with AJAX in Laravel 7

Last updated on January 25, 2023 by Yogesh Singh

AJAX is used to communicate with the server and perform actions like – database manipulation, file upload, etc. without the need to refresh the whole page.

In this tutorial, I show how you can use jQuery AJAX to insert, update, and delete records in Laravel 7.

How to Display existing files on Server in Dropzone – PHP

Last updated on November 2, 2022 by Yogesh Singh

Dropzone library makes it 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 getting refreshed.

To recreate the thumbnails after page refresh needs to send AJAX request to get all files list for adding thumbnails while initializing Dropzone.

In this tutorial, I show how you can display existing files stored on the server in the Dropzone file area with jQuery AJAX.

How to Display existing files on Server in Dropzone - PHP