Tips for successfully sending an array via an XMLHttp Get request

Question

Tips for successfully sending an array via an XMLHttp Get request

I am currently working on a project where I need to utilize all the values from an array in my GET request. The code snippet below outlines my approach:

function executeRequest(){
    let data = ['value1', 'value2', 'value3'];
    let httpRequest;
     function makeRequest(){
      httpRequest = new XMLHttpRequest;
      httpRequest.onreadystatechange = data;
      for(var i = 0; i < data.length; i++){
      (function(i){
      httpRequest.open('GET', 'https://example.com/' + data[i] , true);
      })()}
      httpRequest.send();
   }
}

Despite setting this up, I keep receiving undefined values for data[i]. I'm unsure if I am handling arrays correctly with the httpRequest. Any guidance on how to resolve this issue would be greatly appreciated.

javascript api get xmlhttprequest

Answer 1

Answer №1

If you want to proceed in the same manner, you'll need to generate a for loop similar to the one below:

for(var i = 0; i < test.length; i++){    
    sendHttpRequest(test[i])

Each item will require its own request. Alternatively, consider modifying your API to support accepting an array of values and providing data for them.

Answer 2

If you want to proceed in the same manner, you'll need to generate a for loop similar to the one below:

for(var i = 0; i < test.length; i++){    
    sendHttpRequest(test[i])

Each item will require its own request. Alternatively, consider modifying your API to support accepting an array of values and providing data for them.

Answer 3

Answer №2

When test[i] returns undefined, it is likely because the parameter i is not being passed in properly within the code. The error is occurring due to an issue with the Immediately Invoked Function Expression (IIFE):

function something() {
  let test = ['something', 'other', 'test'];
  let httpRequest;

  function makeRequest() {
    httpRequest = new XMLHttpRequest;
    httpRequest.onreadystatechange = test;
    for (var i = 0; i < test.length; i++) {
      (function(i) {
        console.log(test[i]);
        httpRequest.open('GET', 'https://test.com/' + test[i], true);
         httpRequest.send(); // send request within loop
      })(i); // pass i here
    }
    // httpRequest.send();
  }
  
  makeRequest(); // call for testing
}

something(); // call for testing

Additionally, there are some issues within the code that need to be addressed:

If multiple calls are intended, the request should be sent within the loop by using httpRequest.send()
The onreadystatechange property should specify a function, assigning an array does not serve any purpose
To handle simultaneous requests, you will need to create separate instances of XMLHttpRequest. Currently, only one instance is being created and reused which may lead to aborted requests.

For more detailed insights, visit this link.

Answer 4

When test[i] returns undefined, it is likely because the parameter i is not being passed in properly within the code. The error is occurring due to an issue with the Immediately Invoked Function Expression (IIFE):

function something() {
  let test = ['something', 'other', 'test'];
  let httpRequest;

  function makeRequest() {
    httpRequest = new XMLHttpRequest;
    httpRequest.onreadystatechange = test;
    for (var i = 0; i < test.length; i++) {
      (function(i) {
        console.log(test[i]);
        httpRequest.open('GET', 'https://test.com/' + test[i], true);
         httpRequest.send(); // send request within loop
      })(i); // pass i here
    }
    // httpRequest.send();
  }
  
  makeRequest(); // call for testing
}

something(); // call for testing

Additionally, there are some issues within the code that need to be addressed:

If multiple calls are intended, the request should be sent within the loop by using httpRequest.send()
The onreadystatechange property should specify a function, assigning an array does not serve any purpose
To handle simultaneous requests, you will need to create separate instances of XMLHttpRequest. Currently, only one instance is being created and reused which may lead to aborted requests.

For more detailed insights, visit this link.

Tips for successfully sending an array via an XMLHttp Get request

Answer №1

Answer №2

Similar questions

Transition from mouse wheel scroll to page scroll not functioning properly when overflow is enabled

Tips for adding a "Select All" feature to a dropdown list?

ng-required is ineffective when used with number inputs that have a minimum value requirement

I require the capability to retrieve JSON data from beyond the confines of the function

Steps for adding a div after a specified number

What is the reason for the maximum alias number in the npm YAML library?

Fatal error encountered in Vscode while running the debug console

Obtaining a unique diamond pattern overlay on my Google Map

Preserving the "height" declaration in jQuery post-Ajax request (adjusting height after dropdown selection loads product information, resetting heights of other page elements)

I'm having trouble setting up the REST API Sinch with PHP, can anyone help me out?

Cannot find a function within the Promise

What is the best way to handle '<%=>' syntax in grunt?

Express JS res.send() with an array response data is posing a concern during the Checkmarx scan

Having trouble getting my app.get calls to work in the new Node Express project

Unable to access remote video streams by directly modifying URL parameters

A label in nativescript not displaying a two-digit number

What is the method to create a resizable table column border rather than resizing the bottom corner border?

jQuery: Remove the class if it exists, and then assign it to a different element. The power of jQuery

Having difficulty uploading a file using a formGroup

What is the best way to showcase Vue data of a selected element from a v-for loop in a