Load array from txt an load into html the data

Question

function loadTextDoc(url, cfunc) {
    xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = cfunc;
    xmlhttp.open("GET", url, true);
    xmlhttp.send();
}

function myFunction() {
    var values = [];
    var i;
    loadTextDoc("../menu.txt", function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            menus.innerHTML = xmlhttp.responseText;
            values = xmlhttp.responseText;
            for(i in values) {
                alert(values[i]);
            }
        }
    });

}

Hi so I have these 2 functions for retreieving information from a txt file which contains some data like this: ["bug", "jungle", "tom", "farm", "panda", "frog"]. What ai want to do is put every array information ie. bug, jungle etc intro a anchor in html. but the above 2 functions consider my array as a whole, each letter or even [ or " is shown as an array elemen. For example arr[0] is equal to [, arr[1] = ", arr[2] = b, arr[3] = u an so on. Can anyone explain what i'm doing wrong.

Thanks a lot

First you need to parse responseText, which is a string and after parsing, the output will be JSON object.. So do like values= JSON.parse(xmlhttp.responseText) — Rakesh_Kumar
– Rakesh_Kumar, Commented Feb 25, 2015 at 13:35
Is there a way to return these values so I can use them in another function?? — Andrei Maieras
– Andrei Maieras, Commented Feb 25, 2015 at 13:39

OscarGarcia · Accepted Answer · 2015-02-25 13:47:54Z

1

Your data is a string so you need to parse it before using it as you want:

arr = JSON.parse(arr);

Now you can use "arr" as you want :)

EDIT: You can use this data in another function using global variables or parameters.

Examples:

var values = [];
function myFunction() {
    var i;
    loadTextDoc("../menu.txt", function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            menus.innerHTML = xmlhttp.responseText;
            values = JSON.parse(xmlhttp.responseText);
            for(i in values) {
                alert(values[i]);
            }
        }
    });
}

function another() {
    // Now you can access "values" from here
}

Or:

function myFunction() {
    var values = [];
    var i;
    loadTextDoc("../menu.txt", function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            menus.innerHTML = xmlhttp.responseText;
            values = JSON.parse(xmlhttp.responseText);
            for(i in values) {
                alert(values[i]);
            }
            another(values);
        }
    });
}

function another(data) {
    // Now you can access "values" from here
    // using "data" parameter
}

But in last example "values" will desapear after myFunction execution.

edited Feb 25, 2015 at 13:47

answered Feb 25, 2015 at 13:40

OscarGarcia

2,12417 silver badges20 bronze badges

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

3 Comments

Andrei Maieras Over a year ago

The last example it's what I need. I don't want global values in my code. So should work fine. Thank you very much

Andrei Maieras Over a year ago

But in the first example if I use valuse as global, will the values be assigned with the values from my text file?

OscarGarcia Over a year ago

Only if you don't redefine "values" inside the function "myFunction". "var values = [];" is defined outside once and not redefined again inside it.

Collectives™ on Stack Overflow

Load array from txt an load into html the data

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related