5 Star Rating system with jQuery, AJAX, and PHP

The star rating bar allows the user to submit his thoughts on whether the content or product is useful or not. This also gives the administrator a view of how well its item is performing.

It is very common on e-commerce websites.

In this tutorial, I am using the jQuery Bar Rating plugin to display the star ratings on the screen.

Whenever the user changes the rating then send an AJAX request to save the user currently rating status on the MySQL database table with PHP.

5 Star Rating system with jQuery, AJAX, and PHP

Read more

Update records in Database Table with CodeIgniter

The Codeigniter allows us to perform the database action like – select, insert, update, and delete with the minimal script.

TheĀ $this->db->update() method is used for update existing record. It takes table name and an array or object as the parameter.

In the demonstration, I am listing the user’s list with the edit option. Show the update form on edit option-click.

Update records in Database Table with CodeIgniter

Read more

How to autocomplete data on multiple fields with jQuery and AJAX

You can use jQuery AJAX to autocomplete data on the single or multiple elements when the user search or select value from an element.

It is a better way to allow the users to easily search for data in existing records and get required information e.g. get student details by their id, product details, etc.

In the demonstration, I am using jQuery UI to display a suggestion list and fetch details using PHP from the MySQL database table when a value from the suggestion list gets selected.

How to autocomplete data on multiple fields with jQuery and AJAX

Read more

Add QR code to the webpage with jquery.qrcode.js

QR code is a quick response code that has a large storage capacity. It consists of a black and white square box that you can be read using smartphones or dedicated QR reading devices to gain access to additional information.

This is used for advertisement, storing website URLs, information, etc.

In this tutorial, I am using the jquery.qrcode.js plugin to generate a custom QR code and embed it on the web page.

You can adjust its size, background, and foreground color with options.

Add QR code to the webpage with jquery.qrcode.js

Read more