Loading a text file into javascript

Question

I have a text file with a lot of values and I want to know if there is a way of loading these text file values into java script so that these values van be used by the script itself. Note I'm a newbie...

JavaScript running where? (browser? node.js? Windows Scripting Host? etc?) — Quentin
– Quentin, Commented Sep 2, 2012 at 13:39
Text file where? (user's local file system? the same webserver as the page was loaded from? etc?) — Quentin
– Quentin, Commented Sep 2, 2012 at 13:40

Quentin · Accepted Answer · 2012-09-02 13:41:54Z

0

You haven't provided much context, but if we assume you mean "JavaScript running in a browser via an HTML page loaded from the same server as the text file", then you want to use the XMLHttpRequest object.

(Which is well documented in many places, so rather then providing yet another tutorial here, I'll let people use Google in the unlikely event of the above link breaking).

There are no shortage of libraries that abstract XHR. e.g. YUI, a host of tiny libraries and jQuery.

answered Sep 2, 2012 at 13:41

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

2 Comments

user481610 Over a year ago

Sorry for the lack of info. Here's the story. I'm using Google maps to draw polygons on the map. To do this I need to using A LOT of latitude and Longitude points, but I dont want this in my javascript code, I want to import the Coordinates and then use those coordinates in the javascript. I'm very keen to learn so just point me in the right direction and I'll go read up

Quentin Over a year ago

XHR is probably the right choice then, but you should format the data as JSON rather then your own custom text format.

Reimeus · Accepted Answer · 2012-09-02 13:42:51Z

0

Assuming the text file is on your web server and you are loading from the browser, you could use jQuery like so:

jQuery.get('http://localhost/mytextfile.txt', function(data) {
    alert(data);
});

answered Sep 2, 2012 at 13:42

Reimeus

160k16 gold badges225 silver badges282 bronze badges

2 Comments

user481610 Over a year ago

Now how do I query/get the information out of the data variable?

Reimeus Over a year ago

You can assign it to a global variable in a script section or replace alert with whatever you wish here.

Siva Charan · Accepted Answer · 2012-09-02 13:44:05Z

0

Using XMLHttpRequest, you can achieve.

Example:

function ajaxCall() {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else {
        alert("Your browser does not support XMLHTTP!");
    }
    return xmlhttp;
}

xmlhttp = ajaxCall();
xmlhttp.open('GET', 'YOURFILE.txt');
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4) {
        alert(xmlhttp.responseText);
    }
}

answered Sep 2, 2012 at 13:44

Siva Charan

18.1k10 gold badges64 silver badges95 bronze badges

Comments

Codebeat · Accepted Answer · 2012-09-02 13:56:12Z

0

with jQuery:

$('#result').load('ajax/test.txt');

Html code:

<div id="result">Text loaded here</div>

After loading the text will be replaced with the text file.

answered Sep 2, 2012 at 13:56

Codebeat

6,6407 gold badges63 silver badges107 bronze badges

Collectives™ on Stack Overflow

Loading a text file into javascript

4 Answers 4

2 Comments

2 Comments

Example:

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

Example:

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related