Leveraging JavaScript for Triggering an Infinite Loop of 1 GET and 2 POST Requests

Question

Leveraging JavaScript for Triggering an Infinite Loop of 1 GET and 2 POST Requests

I don't have much experience with JavaScript, but I believe this can be achieved.

I require the script to perform 3 tasks:

Make a GET request to https://example.com/test.php which will return this JSON:

[{"user_id":"12345","email":"<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2f5b4a5c5b6f5b4a5c5b014c4042">[email protected]</a>","status":"active"}]

Send a POST request to https://example.com/checker.php with parameters
```
action=testing&<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="72171f131b1e4f0617010632061701065c111d1f">[email protected]</a>&status=active
```
- the last two parameters are obtained from the first step. The responses to this request will vary.
Send another POST request to https://example.com/verified.php with the parameter
```
response=RESPONSE-FROM-STEP-2-HERE
```
.

I need these 3 steps to repeat in an infinite loop as long as the visitor remains on the page (starting automatically upon page load).

It seems like in JavaScript, I can use xhttp.open for both GET and POST requests. The part I'm unsure about is how to utilize those responses in steps 2 and 3.

javascript

Answer 1

Answer №1

Could a solution like this be beneficial? You may also consider using await. However, this code snippet should provide you with some insights.

var getTestData = () => new Promise((resolve, reject) => {
  console.log('Requesting User IDs');
  return resolve([{"user_id":"12345","email":"<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="175075636175617067432e5559585055595840">[email protected]</a>","status":"active"}]);
});


var checkPost = (requestParams) => new Promise((resolve, reject) => {
  console.log('Requesting post check: ' + JSON.stringify(requestParams));
  return resolve({"step2response": "RandomResponse"})
});

var verifyPost = (requestParams) => new Promise((resolve, reject) => {
    console.log('Requesting post verification: ' + JSON.stringify(requestParams));
    return resolve({"step3Response": "step3Response"})
  });


getTestData().then((response)=>{
    checkPost(response).then((response)=>{
        verifyPost(response);
    })
})

Answer 2

Could a solution like this be beneficial? You may also consider using await. However, this code snippet should provide you with some insights.

var getTestData = () => new Promise((resolve, reject) => {
  console.log('Requesting User IDs');
  return resolve([{"user_id":"12345","email":"<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="175075636175617067432e5559585055595840">[email protected]</a>","status":"active"}]);
});


var checkPost = (requestParams) => new Promise((resolve, reject) => {
  console.log('Requesting post check: ' + JSON.stringify(requestParams));
  return resolve({"step2response": "RandomResponse"})
});

var verifyPost = (requestParams) => new Promise((resolve, reject) => {
    console.log('Requesting post verification: ' + JSON.stringify(requestParams));
    return resolve({"step3Response": "step3Response"})
  });


getTestData().then((response)=>{
    checkPost(response).then((response)=>{
        verifyPost(response);
    })
})

Answer 3

Answer №2

function functionOne() {
    return new Promise(resolve => {
        setTimeout(() => {
            console.log(1)
            resolve(1)
        }, 1000)
    })
}
function functionTwo() {
    return new Promise(resolve => {
        setTimeout(() => {
            console.log(2)
            resolve(2)
        }, 500)
    })
}
function functionThree() {
    return new Promise(resolve => {
        setTimeout(() => {
            console.log(3)
            resolve(3)
        }, 200)
    })
}

functionOne().then(data1 => {
    functionTwo().then(data2 => {
        functionThree().then(data3 => {
            console.log(data1, data2, data3)
        })
    })
})

Answer 4

function functionOne() {
    return new Promise(resolve => {
        setTimeout(() => {
            console.log(1)
            resolve(1)
        }, 1000)
    })
}
function functionTwo() {
    return new Promise(resolve => {
        setTimeout(() => {
            console.log(2)
            resolve(2)
        }, 500)
    })
}
function functionThree() {
    return new Promise(resolve => {
        setTimeout(() => {
            console.log(3)
            resolve(3)
        }, 200)
    })
}

functionOne().then(data1 => {
    functionTwo().then(data2 => {
        functionThree().then(data3 => {
            console.log(data1, data2, data3)
        })
    })
})

Leveraging JavaScript for Triggering an Infinite Loop of 1 GET and 2 POST Requests

Answer №1

Answer №2

Similar questions

Accessing Information from the Service

Convert a negative number to ASCII representation

Retrieving Value from Dynamic Content Using jQuery `.keypress()` and `.delegate()`

Maintain authentication state in React using express-session

Why is the "module" field used in the package.json file?

Discovering the initial word of a string using jQuery

The default choice vanishes once a non-empty option is chosen

“What is the process of setting a referenced object to null?”

Why is jQuery not defined in Browserify?

Utilize an AJAX call to fetch an array and incorporate it within your JavaScript code

Is there a way to access the initial element of the array within this variable assignment?

I keep getting redirected to a blank page by JS

Removing children does not work properly; it only removes half of them

Is there a way to fetch API data selectively rather than all at once?

Modify all the content within the DIV using Regex, while keeping the HTML tags intact

Could the Redux store be used to access the state related to specific review comments?

Problems with Wordpress AJAX search functionality

Display a specific template in the detail grid of the Kendo Grid depending on certain conditions

Guide on making a Key Object in Node.js

The Angular 9 custom directive is malfunctioning on mobile devices