AJAX Archives - Makitweb

Last updated on August 6th, 2018 by Yogesh Singh

How to add Custom Filter in DataTable – AJAX and PHP

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.

In this tutorial, I show how you can add the custom filter to the DataTable and use it with AJAX.

AJAX DataBase JQuery PHP

Last updated on August 1st, 2018 by Yogesh Singh

DataTables AJAX Pagination with Search and Sort – PHP

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.

In this tutorial, I show how you can implement AJAX pagination in DataTables with PHP.

AJAX JQuery PHP

Last updated on July 2nd, 2018 by Yogesh Singh

Insert Update and Delete record with AJAX in Laravel

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

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

AJAX DataBase JQuery Laravel PHP

Last updated on June 25th, 2018 by Yogesh Singh

How to Display existing files on Server in Dropzone – PHP

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.

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

AJAX How To JQuery PHP

dropzone

Last updated on June 18th, 2018 by Yogesh Singh

Dynamic Dependent Dropdown with Vue.js and PHP

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.

In this tutorial, I create 3 dependent dropdowns for the country, state, city and send AJAX request to load records whenever dropdown value changes with Vue.js and PHP.

AJAX PHP Vue.js

Last updated on June 26th, 2018 by Yogesh Singh

Fetch records from MySQL with jQuery AJAX – Laravel

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.

AJAX JQuery Laravel PHP

Last updated on June 4th, 2018 by Yogesh Singh

Drag and Drop file upload with Dropzone in CodeIgniter

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.

In this tutorial, I show how you can use Dropzone library to upload the file in CodeIgniter.

AJAX CodeIgniter Javascript PHP

Last updated on May 28th, 2018 by Yogesh Singh

How to Reorder Images and Save to MySQL with jQuery 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 JQuery PHP

Category: AJAX