(beginner javascript) get multiple text files xml request

Question

Very grateful if someone can help me out with the syntax here- I am hoping to make several XML requests, each time getting a different text file. Here is the general structure of my code. How can I get each file in turn (f0, f1 and f2)?

window.onload = function(){

var f = (function(){
    var xhr = [];
    for (i = 0; i < 3; i++){
        (function (i){
            xhr[i] = new XMLHttpRequest();
            f0 = "0.txt"
            f1 = "1.txt"
            f2 = "2.txt"
            //??? xhr[i].open("GET", file i, true);
            xhr[i].onreadystatechange = function () {
                if (xhr[i].readyState == 4 && xhr[i].status == 200) {
                   //do stuff
                }
            };
            xhr[i].send();
        })(i);
    }
})();

};

smddzcy · Accepted Answer · 2016-08-13 18:11:52Z

1

Simply put your filenames in an array.

window.onload = function(){

var f = (function(){
    var xhr = [];
    var files = ["f0.txt", "f1.txt", "f2.txt"];
    for (i = 0; i < 3; i++){
        (function (i){
            xhr[i] = new XMLHttpRequest();
            xhr[i].open("GET", files[i], true);
            xhr[i].onreadystatechange = function () {
                if (xhr[i].readyState == 4 && xhr[i].status == 200) {
                   //do stuff
                }
            };
            xhr[i].send();
        })(i);
    }
})();

};

answered Aug 13, 2016 at 18:11

smddzcy

4334 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Joah Gerstenberg Over a year ago

This probably would work better than my answer. I didn't put together that he may not be wanting those exact file names ;P

Joah Gerstenberg · Accepted Answer · 2016-08-13 18:10:22Z

0

Something like this should work

// ...
    for (i = 0; i < 3; i++){
        (function (i){
            xhr[i] = new XMLHttpRequest();
            xhr[i].open('GET', i.toString() + '.txt'); // <-- this line
            xhr[i].onreadystatechange = function () {
                if (xhr[i].readyState == 4 && xhr[i].status == 200) {
// ....

answered Aug 13, 2016 at 18:10

Joah Gerstenberg

4512 silver badges7 bronze badges

Collectives™ on Stack Overflow

(beginner javascript) get multiple text files xml request

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related