AJAX Archives - Page 7 of 33

How to make Autocomplete search using jQuery UI in Laravel

Last updated on February 26, 2023 by Yogesh Singh

Autocomplete search enhances website user experience by predicting and completing search queries as the user types. Users can quickly find what they looking for without having to type out their entire query.

jQuery UI has different types of widgets available, and one of them is autocomplete. Data is loaded according to the input after initializing autocomplete on a textbox. User can select an option from the suggestion list.

In this tutorial, I show how you can make autocomplete search using jQuery UI and load its data using AJAX in Laravel 9.

How to upload multiple files with Vue.js and PHP

Last updated on July 5, 2021 by Yogesh Singh

Instead of adding multiple file elements, you can use a single file element for allowing the user to upload more than one file.

Using the FormData object to pass the selected files to the PHP for upload.

In this tutorial, I show how you can upload multiple files using Vue.js and PHP.

How to upload multiple files with Vue.js and PHP

How to fetch records from PostgreSQL using jQuery AJAX PHP

Last updated on November 12, 2022 by Yogesh Singh

When working with a database then retrieving data from the database is one of the basic requirements.

With the use of AJAX, you can fetch records without reloading the page.

In this tutorial, I show how you can fetch records from PostgreSQL using jQuery AJAX and PHP.

How to fetch records from PostgreSQL using jQuery AJAX PHP

Auto populate Dropdown with jQuery AJAX in Laravel 9

Last updated on February 4, 2023 by Yogesh Singh

Dropdown menus are a common element in web applications, it provides a list of options to choose from.

While dropdowns can be manually populated with a set of predefined options, it’s often more efficient to retrieve the options dynamically from a server. In this case, user is restricted to select an option from the dropdown. The list gets updated based on the parent element selection.

In this tutorial, I show how you can autopopulate dropdown with MySQL database data using jQuery AJAX in Laravel 9.

Auto populate Dropdown with jQuery AJAX in Laravel