Posted in jQuery Spring Boot

Spring Boot Thymeleaf jQuery MultiSteps Form

Table of Contents Introduction Prerequisites Project Setup MySQL Table DataSource Config Entity Class Repository Interface Service Class Spring Web Controller Spring Boot Main Class UI (User Interface) Testing Multi Steps Form Source Code Introduction In this example I am going to show you how to build multisteps form using Spring Boot thymeleaf jquery. Multi steps form is required when users…

Continue Reading... Spring Boot Thymeleaf jQuery MultiSteps Form
Posted in CSS HTML JavaScript jQuery

HTML Script Integrity Attribute – SubRresource Integrity (SRI)

What is integrity attribute? You might have seen the integrity attribute as well as crossorigin attribute in web page source code. The integrity and crossorigin attributes are used in the <script> and <link> tags. This is also called subresource integrity because it is included into the third party resources which are parts of the HTML pages. An integrity attribute’s value…

Continue Reading... HTML Script Integrity Attribute – SubRresource Integrity (SRI)
Posted in AJAX Codeigniter jQuery MySQL

CodeIgniter 4 MySQL AJAX Nested Comment System

The example CodeIgniter 4 MySQL AJAX nested comment system will show you how to build a threaded comment system using PHP based web framework CodeIgniter 4, MySQL 8 and jQuery with AJAX technique. This nested comment system is also called hierarchical comment system. This threaded or nested comment system in PHP AJAX accepts reply up to maximum of five level…

Continue Reading... CodeIgniter 4 MySQL AJAX Nested Comment System
Posted in AJAX jQuery Spring Boot Spring REST

Spring Boot AJAX jQuery to check User Availability Instantly

Introduction Here in this tutorial I am going to show you how to use AJAX technique using jQuery with Spring Boot application to check user availability instantly without refreshing the web page. I am going to use Thymeleaf template in Spring Boot application. I will use Spring REST to create REST API endpoint which will be called from jQuery code….

Continue Reading... Spring Boot AJAX jQuery to check User Availability Instantly
Posted in AJAX Django File Upload jQuery

How to upload Files using Django jQuery and AJAX

Introduction Here I am going to show you how to use AJAX in Django framework and how to upload files using Django jQuery and AJAX. This example can be used to upload both single and multiple files to the server. Only thing is you need to select single file if you want to upload only single file. For multiple files…

Continue Reading... How to upload Files using Django jQuery and AJAX
Posted in AJAX Codeigniter jQuery MySQL

Online Visitor Tracking System using CodeIgniter 4, MySQL 8 and AJAX

In this tutorial I am going to show you how you can build an online visitor tracking system using PHP based framework CodeIgniter 4, MySQL 8 and AJAX technique. The similar system for tracking online visitors on web site, I built in past, using CodeIgniter 3 framework. As a web site owner you would like to the progress to the…

Continue Reading... Online Visitor Tracking System using CodeIgniter 4, MySQL 8 and AJAX
Posted in jQuery

How to avoid jQuery namespace collisions using noConflict() function

Here I am going to tell you how you can avoid namespace collision on the DOM (Document Object Model) page. You can load jQuery either via CDN (Content Delivery Network) link or by downloading the jQuery from the website and put it into your application and include in your web page. So whatever method you follow to use the jQuery…

Continue Reading... How to avoid jQuery namespace collisions using noConflict() function
Posted in jQuery

What are jQuery selectors and how to cache jQuery selectors to improve performance of your web page

Every time you use a selector the elements in Document Object Model (DOM) are searched to match your query or selector. Doing this kind of works too often or repeatedly will decrease the performance of your web page. If you refer to a specific selector too often or repeatedly you should consider to add it to a cache by assigning…

Continue Reading... What are jQuery selectors and how to cache jQuery selectors to improve performance of your web page
Posted in AJAX jQuery MySQL PHP

Delete Multiple Rows from Table using PHP, MySQL, AJAX, jQuery

Introduction In this tutorial we will see how to delete multiple rows from table using PHP, MySQL, AJAX, jQuery. We are going to delete rows from HTML as well as MySQL database table. We will use IN clause with WHERE condition in MySQL query to delete multiple rows from database table. We will put checkbox against each row on the table so that user…

Continue Reading... Delete Multiple Rows from Table using PHP, MySQL, AJAX, jQuery
Posted in AJAX Flask jQuery MySQL Python

Delete Multiple Rows from Table using Flask, AJAX, jQuery, MySQL

In this tutorial we build an application using Python based Flask framework to fetch all products from MySQL database and display on the HTML table. This example is all about to delete multiple rows from HTML as well as database tables. We will use IN clause with WHERE condition in MySQL query to delete multiple rows from database table. We…

Continue Reading... Delete Multiple Rows from Table using Flask, AJAX, jQuery, MySQL