Yogesh Singh, Author at Makitweb

How to Implement jQuery UI Autocomplete in CodeIgniter 4

Last updated on April 22, 2023 by Yogesh Singh

jQuery UI Autocomplete is a great choice to take into consideration if you want to improve the search functionality of your CodeIgniter 4 application. Based on the user’s input in a textbox, you can use display a list of recommendations.

jQuery UI Autocomplete provides the flexibility to display suggestions with or without AJAX, depending on your specific needs.

In this tutorial, we will explore how to implement jQuery UI Autocomplete in a CodeIgniter 4 project and load data from a MySQL database using jQuery AJAX. By the end of this tutorial, you will have a better understanding of how to incorporate this useful search functionality into your own CodeIgniter 4 application.

I am using CSRF token with an AJAX request, if you don’t know how to enable it then you can view this tutorial.

How to Implement jQuery UI Autocomplete in CodeIgniter 4

Select2 and CodeIgniter 4: A Guide to Loading Data with jQuery AJAX

Last updated on April 21, 2023 by Yogesh Singh

The functionality of common HTML select elements is improved by the Select2 jQuery plugin. You can quickly look up and choose multiple items from a dropdown list using Select2.

It allows loading data using jQuery AJAX.

This tutorial focuses on integrating the Select2 plugin with CodeIgniter 4 and using jQuery AJAX to load data from a MySQL database. To ensure secure communication, the tutorial also covers how to pass the CSRF token with the AJAX request.

If you’re unfamiliar with enabling CSRF protection, then you can view this tutorial which provides a helpful resource to guide you through the process.

Autocomplete textbox with Vue.js PHP and MySQL

Last updated on December 11, 2022 by Yogesh Singh

By adding autocomplete to a textbox makes it easier to search for an item. It displays a suggestion list based on the input in the textbox.

I am using the Axios package for loading suggestions.

In this tutorial, I show how you can add autocomplete textbox using a custom component in Vue.js. I am using PHP to fetch data from the MySQL database and return a response for suggestions.

Autocomplete textbox with Vue.js PHP and MySQL

How to upload a file using jQuery AJAX in CodeIgniter 4

Last updated on June 10, 2023 by Yogesh Singh

File uploading is a vital function in web development that allows users to share and store files on a server. CodeIgniter 4, a powerful PHP framework, offers developers a robust environment for creating web applications.

By leveraging the simplicity of jQuery AJAX and the capabilities of CodeIgniter 4, you can easily build an efficient file upload system without any complications.

In this tutorial, we will explore how to upload files using jQuery AJAX in CodeIgniter 4 and display a preview of the uploaded file. We will guide you through the process of setting up a CodeIgniter 4 project, creating a controller to handle file uploads, and implementing an upload form view.

Through this tutorial, you will learn how to leverage the capabilities of CodeIgniter 4 and jQuery AJAX to create a smooth and interactive file upload functionality.

How to upload a file using jQuery AJAX in CodeIgniter 4