Keep sending ajax request until the page is closed

Question

Keep sending ajax request until the page is closed

Is it possible to resend an ajax request continuously using pure javascript without any framework? Here is an example of how I am currently attempting to do it:

xmlhttp=new XMLHttpRequest();
xmlhttp.open("POST","demo_post2.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Henry&lname=Ford");    
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
  // Looking for a way to resend the request until the page is closed
}

javascript ajax

Answer 1

Answer №1

Here is a snippet of code that demonstrates how to efficiently reuse a variable and make recursive XMLHttpRequests in JavaScript.

// Reusing variable to keep garbage low.
var xhr;
// Recursive request.
function recursiveXHR () {
    xhr = new XMLHttpRequest();
    xhr.open('POST','demo_post2.asp',true);
    xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
    // This is where the method is called again once the previous request is done.
    xhr.addEventListener('load', recursiveXHR, false);
    xhr.send('fname=Henry&lname=Ford');
}
// Initializing the recursive calling.
recursiveXHR();

Answer 2

Here is a snippet of code that demonstrates how to efficiently reuse a variable and make recursive XMLHttpRequests in JavaScript.

// Reusing variable to keep garbage low.
var xhr;
// Recursive request.
function recursiveXHR () {
    xhr = new XMLHttpRequest();
    xhr.open('POST','demo_post2.asp',true);
    xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
    // This is where the method is called again once the previous request is done.
    xhr.addEventListener('load', recursiveXHR, false);
    xhr.send('fname=Henry&lname=Ford');
}
// Initializing the recursive calling.
recursiveXHR();

Keep sending ajax request until the page is closed

Answer №1

Similar questions

Guide on showcasing the values from two text fields with autocomplete suggestions in a third text field

Issue with getStaticProps not updating fetched values in Next.js production environment

Implementing JavaScript from dojo.xhrGet within a Symfony framework

"Displaying the y-axis in d3.js: A Step-by-Step

The modifications made to a bound value in AngularJS directives do not propagate to the outside components

Why isn't the Angular directive resolving the dynamic button text variable?

JSF2: Refresh all elements on the page with a specified ID, without using complete paths

Creating a Custom Hot Module Replacement Hook for Vue.js and Webpack

Is there a way in JQuery to apply the CSS of one element to another selected element?

"Utilize Javascript to upload a picture and showcase it on your website

Angular directive preventing default action but Chrome still loading image on drag

When executing the app.delete function, the req.body is found to be empty

Turn off the Ripple effect on MUI Button and incorporate a personalized touch

How can I show the real width of an image on a mobile device?

The issue of req.file being consistently undefined in Node.js multer

Tips for choosing a specific value that matches a property value within a JSON dataset

I am looking for a way to transfer data collected from an input form directly to my email address without the need to open a new window. As of now, I am utilizing angular

How can I update the language of a button text in a React component?

Are you in the business of building JavaScript hubs?

The unusual behavior of the :to attribute on @click in Vue