Register AJAX Request Start Handler Using jQuery

Manav Sarkar
Updated on 20-Jul-2022 12:44:56

557 Views

jQuery is a feature-rich JavaScript library. We can perform a lot of actions with the help of jQuery which would otherwise require writing large pieces of code. It makes DOM manipulation, event handling, animation, ajax, etc. very easy.In this tutorial, we will learn how to register a handler to be called when the first Ajax request begins using jQuery. Ajax requests are typically HTTP requests that are called by the browser for different tasks such as GET, POST, etc. So when the tasks are performed, we can register a handler using the ajaxStart() function of jQuery. This function is always ... Read More

Register Handler for All AJAX Requests Completion in jQuery

Manav Sarkar
Updated on 20-Jul-2022 12:37:08

412 Views

In this tutorial, we will learn how to register a handler to be called when all Ajax requests are completed using jQuery. Ajax requests are typically HTTP requests that are called by the browser for different tasks such as GET, POST, etc. So when the tasks are performed, we can register a handler using the ,ajaxStop() function of jQuery.SyntaxUse the following syntax to register a handler after an ajax request −$(document).ajaxStop(function () {    console.log('Registered handler.') })Explanation − Suppose we have a GET request on an API. When the API returns a result, jQuery checks if any requests are pending ... Read More

Register Handler for Completed AJAX Requests in jQuery

Manav Sarkar
Updated on 20-Jul-2022 12:32:25

1K+ Views

In this tutorial, we will learn how to register a handler to be called when Ajax requests complete using jQuery. Ajax requests are typically HTTP requests that are called by the browser for different tasks such as GET, POST, etc. So when the tasks are performed, we can register a handler using the ajaxComplete() function of jQuery. This function is always triggered when the request is completed.SyntaxUse the following syntax to register a handler after every ajax request −$(document).ajaxComplete(function () {    console.log('Registered handler.') })Explanation − Suppose we have a GET request on an API. When the API returns a ... Read More

Check Lock State of Callback List Using jQuery

Manav Sarkar
Updated on 20-Jul-2022 12:18:54

188 Views

In this tutorial, we will learn how to check the lock-state of a callback list using jQuery. The lock is a callback list in jQuery in the current state. We can toggle the lock state so that additional changes cannot be made unless required.SyntaxThe callbacks list is locked and checked as follows −// Get callbacks list at current state var callbacks = $.Callbacks() // Lock the callbacks list callbacks.lock() // Check callbacks is locked or not console.log(callbacks.locked())AlgorithmFirst we receive the callbacks list at the current state using the Callbacks() function.Then we lock it using the lock() function and ... Read More

Attach Function Before AJAX Request Using jQuery

Manav Sarkar
Updated on 20-Jul-2022 09:29:30

2K+ Views

In this tutorial, we will learn How to attach a function to be executed before an Ajax request is sent using jQuery. Ajax requests are typically HTTP requests that are called by the browser for different tasks such as GET, POST, etc. So when the tasks are performed, we can register a handler using the ajaxSend() function of jQuery. This event is called by jQuery whenever an ajax request is to be made.SyntaxUse the following syntax to register a handler before an ajax request −$(document).ajaxSend(function () {    console.log('Triggered ajaxStart. Started Request') })We have an Ajax request. Before sending the ... Read More

Replace Character at Specific Index in JavaScript

Shubham Vora
Updated on 20-Jul-2022 08:56:37

2K+ Views

It is often required to update the string and replace the single character at a particular index while programming with JavaScript. JavaScript doesn’t contain the built-in method to replace the single character at the particular index in the string as the Java and C++, but we can use some other built-in methods and create custom logic to solve our problem.In this tutorial, we have two methods to replace the character at a particular index in the string and update the string. One is by converting string to array, and another is using the substr() built-in method of JavaScript.Replace Character by ... Read More

Redirect Web Page with JavaScript

Shubham Vora
Updated on 20-Jul-2022 08:52:26

4K+ Views

You may have run into a situation where you clicked a URL to go to a certain page but were directed to a different page internally. Page redirection is the cause of this. Redirecting occurs when an HTTP request for one page immediately navigates to another one. It differs from simply reloading a website. It is quite simple to do a web page redirection using vanilla JavaScript on the client side. So in this article, we will learn how to redirect web pages using vanilla JavaScript and when to use a particular method.There are many ways to accomplish redirection of ... Read More

Get Current Date and Time in JavaScript

Shubham Vora
Updated on 20-Jul-2022 08:42:13

10K+ Views

This tutorial teaches us to get the date and time in JavaScript. Nowadays, JavaScript is the most popular programming language used for user interaction with the browser. We can say that it is hard to find a single web application that does not use JavaScript.The purpose of creating this tutorial is to make programmers familiar with the Date() object. Users can get today’s date and current time using the date class. While developing the applications, programmers maybe need to show the current date and time according to the user’s local zone, and we can fill this requirement using the date ... Read More

Empty an Array in JavaScript

Shubham Vora
Updated on 20-Jul-2022 08:40:09

545 Views

This tutorial teaches us to make an array empty in JavaScript. While programming with JavaScript, programmers need to make an array empty in many conditions. For example, coders are doing competitive programming with JavaScript. Suppose, to solve some problem, they need to create a new or an empty array while calling the function every time. Users can visualize this problem from the below example.function child ( ){    // create a new array or use a single array and make it empty every time function invokes    }    function parent ( ) {       for ( int ... Read More

Convert Float Number to Whole Number in JavaScript

Shubham Vora
Updated on 20-Jul-2022 08:17:30

6K+ Views

In this tutorial, we will learn to convert a float number to a whole number in JavaScript. The whole number is the number that doesn’t contain the fractional part. For example, 5.22 is the float number containing the fractional part, and the whole number doesn’t contain a decimal part. So, our goal in this tutorial is to remove the fractional part from the number.We can have various methods to cut out the decimal part from the float number to make it whole, and some of them we have discussed here.Using the Math.trunc() and Math.round() MethodsUsing the parseInt() MethodUsing the Bitwise ... Read More

Advertisements