How to Auto populate dropdown with AJAX PDO and PHP

With Autopopulating dropdowns user is restricted to select an option from the dropdown step by step. Based on the dropdown selection next dropdown is autofill with options.

A common example, of this, is country, state, and city dropdowns on a form.

To load data without page refresh need to use jQuery AJAX.

In this tutorial, I show how you can auto-populate the dropdown with PDO and PHP.

How to auto populate dropdown with AJAX PDO and PHP

Read more

Filter records by Date range with Vue and PHP

Date range filter without datepicker sometimes gets complex and there is always a possibility that the user specifies the date in a different format. In this case, need to handle it either on the client-side or server-side script.

By allowing datepicker the user only needs to pick a date in a given format.

Date filter helps to generate a report and view records between specific dates.

To add datepicker I am using datepicker Vue component in the example.

In this tutorial, I show how you can filter records by date with Vue.js and PHP.

Filter records by date range with VueJS and PHP

Read more

Loading data remotely in Select2 – Laravel 7

Select2 is a jQuery plugin which customize <select > element and adds multiple functionality like – searching, multiple option selections, etc.

You can import data using jQuery AJAX or directly list data in the element.

In this tutorial, I show how you can add select2 on a select element and load data using jQuery AJAX in the Laravel 7 project.

Loading data remotely in Select2 – Laravel 7

Read more

How to upload Multiple Image files with jQuery AJAX and PHP

Uploading files without refreshing the entire page has become a preferred method in web development as it offers a more user-friendly experience. This approach allows for instant image preview display, enhancing the interaction and engagement with the website or application.

In this tutorial, I will show how to leverage the power of jQuery AJAX and PHP to upload multiple image files and display previews without the need for page refresh. This technique will enhance the functionality and interactivity of your web applications, allowing users to conveniently select and upload multiple images in a smooth and efficient manner.

How to upload Multiple Image files with jQuery AJAX and PHP

Read more