Simple image slides using jQuery

Introduction This tutorial will show you how to build simple image slides using jQuery. The images will be put into a div and one after another image will be appeared with faded automatically. The image will be disappeared with faded. A function with time interval is set to make the image appeared automatically one after another.

Scroll to a Section having id attribute using jQuery

Introduction We will see how to scroll to a section having id attribute using jQuery API. Suppose you have several links at the top of the page and manually scroll down to a particular section you just need to click on a link and you will simply jump to the section without scrolling down. Such section may be paragraph, div…

Real Time Data Over WebSocket Using Kafka Streams Spring Boot Angular

Web Socket and Apache Kafka In this tutorial I will show you how to work with Apache Kafka Streams for building Real Time Data Processing with STOMP over Websocket using Spring Boot and Angular. You will see how to build push notifications using Apache Kafka, Spring Boot and Angular. You need to provide some basic things that Kafka Streams requires,…

PHP REST API AJAX jQuery CRUD Example

Introduction In this example we will see an example on PHP AJAX jQuery CRUD. CRUD is an acronym for four operations such as Create, Read, Update and Delete. We are going to perform CRUD operations on company details. We will use here MySQL database to store company detail information. We will perform each operation asynchronously through AJAX technique using jQuery…

Spring Boot jQuery AJAX CRUD Example

Introduction In this example I will show you an example on Spring Boot jQuery AJAX CRUD. CRUD is an acronym for four operations such as Create, Read, Update and Delete. I am going to perform CRUD operations on company details. I will use here MySQL database to store company details information. I will perform each operation asynchronously through AJAX technique…

AJAX Based Login Logout Using Flask MySQL

Login Logout App I will create an example to show you how to build jQuery AJAX based login logout using Python Flask MySQL. Flask is a light-weight framework for building rapid web application whose data are stored into MySQL database server. I will use HTML, AJAX technique using jQuery technology to call the REST API for login and logout endpoints….

jQuery AJAX based Registration System using Python Flask MySQL

Introduction This guide will walk you through how to build jQuery AJAX based registration system using Python Flask MySQL. In this example I am going to build REST API that will be called from front-end technologies – jQuery, HTML including AJAX technique. I will determine registration process based on various http status codes such as 200 – success, 400 –…

How to use AJAX, jQuery in WordPress Plugin

Introduction We will discuss here how to use AJAX in WordPress plugin. We will use the same plugin we created in the example. We have seen how to create MySQL table in our previous tutorial. This example will also show you how to en-queue JavaScript files. Till now our simple email subscription form could not perform any action but in…

AJAX File(s) Upload using Python Flask and jQuery

File(s) Upload I will create an example here and I will show you how to upload single file or multiple files using AJAX and jQuery along with Python Flask technologies. You can either upload single file using browse button or multiple files using browse button by holding CTRL key(in Windows OS) from keyboard while selecting multiple files. The file or…

Cascading Or Dependent Dropdown Using Angular

Dependent Dropdown In this post I will show you an example on cascading or dependent dropdown using Angular. When you have a requirement for selecting dropdown values based on another dropdown values then you need to create such cascading dropdown. For example, in your application you need to select city based on state or country then you need to create…