Read data from text file in javascript
up vote
2
down vote
favorite
I'm trying to make a complex website, and I want to split it into multiple files, one of them is the content itself, and for that I want to make a function that changes a div content from the file.
The entire code :
<html>
<body onLoad = "uploadData();">
<div id = "text"> </div>
</body>
<script>
function uploadData()
{
var file = new File("data");
file.open("r");
var data = "";
while (!file.eof) {
data += file.readln() + "n";
}
file.close();
alert(data);
document.getElementById('text').innerHTML = data;
}
</script>
</html>
The code has an error at line 7.
Please help me !!!
javascript string file
asked Nov 10 at 19:17
CiprianC
133
add a comment |
up vote
2
down vote
favorite
I'm trying to make a complex website, and I want to split it into multiple files, one of them is the content itself, and for that I want to make a function that changes a div content from the file.
The entire code :
<html>
<body onLoad = "uploadData();">
<div id = "text"> </div>
</body>
<script>
function uploadData()
{
var file = new File("data");
file.open("r");
var data = "";
while (!file.eof) {
data += file.readln() + "n";
}
file.close();
alert(data);
document.getElementById('text').innerHTML = data;
}
</script>
</html>
The code has an error at line 7.
Please help me !!!
javascript string file
asked Nov 10 at 19:17
CiprianC
133
Read up on how to use ajax
– charlietfl
Nov 10 at 19:35
developer.mozilla.org/en-US/docs/Web/API/File/…
– JGFMK
Nov 10 at 19:40
add a comment |
up vote
2
down vote
favorite
up vote
2
down vote
favorite
I'm trying to make a complex website, and I want to split it into multiple files, one of them is the content itself, and for that I want to make a function that changes a div content from the file.
The entire code :
<html>
<body onLoad = "uploadData();">
<div id = "text"> </div>
</body>
<script>
function uploadData()
{
var file = new File("data");
file.open("r");
var data = "";
while (!file.eof) {
data += file.readln() + "n";
}
file.close();
alert(data);
document.getElementById('text').innerHTML = data;
}
</script>
</html>
The code has an error at line 7.
Please help me !!!
javascript string file
asked Nov 10 at 19:17
CiprianC
133
I'm trying to make a complex website, and I want to split it into multiple files, one of them is the content itself, and for that I want to make a function that changes a div content from the file.
The entire code :
<html>
<body onLoad = "uploadData();">
<div id = "text"> </div>
</body>
<script>
function uploadData()
{
var file = new File("data");
file.open("r");
var data = "";
while (!file.eof) {
data += file.readln() + "n";
}
file.close();
alert(data);
document.getElementById('text').innerHTML = data;
}
</script>
</html>
The code has an error at line 7.
Please help me !!!
javascript string file
javascript string file
asked Nov 10 at 19:17
CiprianC
133
asked Nov 10 at 19:17
CiprianC
133
asked Nov 10 at 19:17
CiprianC
133
asked Nov 10 at 19:17
CiprianC
133
asked Nov 10 at 19:17
CiprianC
133
133
Read up on how to use ajax
– charlietfl
Nov 10 at 19:35
developer.mozilla.org/en-US/docs/Web/API/File/…
– JGFMK
Nov 10 at 19:40
add a comment |
Read up on how to use ajax
– charlietfl
Nov 10 at 19:35
developer.mozilla.org/en-US/docs/Web/API/File/…
– JGFMK
Nov 10 at 19:40
Read up on how to use ajax
– charlietfl
Nov 10 at 19:35
Read up on how to use ajax
– charlietfl
Nov 10 at 19:35
developer.mozilla.org/en-US/docs/Web/API/File/…
– JGFMK
Nov 10 at 19:40
developer.mozilla.org/en-US/docs/Web/API/File/…
– JGFMK
Nov 10 at 19:40
add a comment |
2 Answers
2
active
oldest
votes
up vote
0
down vote
accepted
If you are creating a complex website, you need a web server. Let's assume your content does not need server side rendering and you have Apache installed, then a plain XHR function can help you fetching the content. If plain XHR is not helpful, jQuery perhaps can ease things.
answered Nov 10 at 19:36
Sami Altundag
411
I do not want to make this website public. I want to make it just for me !
– CiprianC
Nov 10 at 19:52
add a comment |
up vote
3
down vote
You cannot read from a file this way in a modern browser for security reasons (the scripts are sandboxed).
Maybe you took those functions from a very old and non-standard Javascript reference like JavaScript Programmer's Reference (by Cliff Wootton, 2001) or Pure JavaScript
(by Charlton Ting, Jason Gilliam, Allen R. Wyke, 1999). Those are very antique manuals and deal with obsolete browser versions (Internet Explorer 4...).
You can also find those functions or a similar set in the APIs provided by JS engines like Adobe InDesign, NodeJS or ShellJS, which are not browser engines. Working with a JS engine doens't imply you'll find the same API as provided by another one. Typically, you won't do the same things with NodeJS and Firefox JS engine (OdinMonkey currently).
If you want to dynamically change the content of your page (ie its DOM structure) with an external resource (a file located in your server), use the Ajax techniques.
Finally, in this SO question, you'll find some ways to get the content of a local file, but they must have been selected manually by the user.
answered Nov 10 at 19:57
Amessihel
1,5761623
thank you, and yes, i've copied functions from an old website...
– CiprianC
Nov 10 at 20:03
add a comment |
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
accepted
If you are creating a complex website, you need a web server. Let's assume your content does not need server side rendering and you have Apache installed, then a plain XHR function can help you fetching the content. If plain XHR is not helpful, jQuery perhaps can ease things.
answered Nov 10 at 19:36
Sami Altundag
411
I do not want to make this website public. I want to make it just for me !
– CiprianC
Nov 10 at 19:52
add a comment |
up vote
0
down vote
accepted
If you are creating a complex website, you need a web server. Let's assume your content does not need server side rendering and you have Apache installed, then a plain XHR function can help you fetching the content. If plain XHR is not helpful, jQuery perhaps can ease things.
answered Nov 10 at 19:36
Sami Altundag
411
I do not want to make this website public. I want to make it just for me !
– CiprianC
Nov 10 at 19:52
add a comment |
up vote
0
down vote
accepted
up vote
0
down vote
accepted
If you are creating a complex website, you need a web server. Let's assume your content does not need server side rendering and you have Apache installed, then a plain XHR function can help you fetching the content. If plain XHR is not helpful, jQuery perhaps can ease things.
answered Nov 10 at 19:36
Sami Altundag
411
If you are creating a complex website, you need a web server. Let's assume your content does not need server side rendering and you have Apache installed, then a plain XHR function can help you fetching the content. If plain XHR is not helpful, jQuery perhaps can ease things.
answered Nov 10 at 19:36
Sami Altundag
411
answered Nov 10 at 19:36
Sami Altundag
411
answered Nov 10 at 19:36
Sami Altundag
411
answered Nov 10 at 19:36
Sami Altundag
411
411
I do not want to make this website public. I want to make it just for me !
– CiprianC
Nov 10 at 19:52
add a comment |
I do not want to make this website public. I want to make it just for me !
– CiprianC
Nov 10 at 19:52
I do not want to make this website public. I want to make it just for me !
– CiprianC
Nov 10 at 19:52
I do not want to make this website public. I want to make it just for me !
– CiprianC
Nov 10 at 19:52
add a comment |
up vote
3
down vote
You cannot read from a file this way in a modern browser for security reasons (the scripts are sandboxed).
Maybe you took those functions from a very old and non-standard Javascript reference like JavaScript Programmer's Reference (by Cliff Wootton, 2001) or Pure JavaScript
(by Charlton Ting, Jason Gilliam, Allen R. Wyke, 1999). Those are very antique manuals and deal with obsolete browser versions (Internet Explorer 4...).
You can also find those functions or a similar set in the APIs provided by JS engines like Adobe InDesign, NodeJS or ShellJS, which are not browser engines. Working with a JS engine doens't imply you'll find the same API as provided by another one. Typically, you won't do the same things with NodeJS and Firefox JS engine (OdinMonkey currently).
If you want to dynamically change the content of your page (ie its DOM structure) with an external resource (a file located in your server), use the Ajax techniques.
Finally, in this SO question, you'll find some ways to get the content of a local file, but they must have been selected manually by the user.
answered Nov 10 at 19:57
Amessihel
1,5761623
thank you, and yes, i've copied functions from an old website...
– CiprianC
Nov 10 at 20:03
add a comment |
up vote
3
down vote
You cannot read from a file this way in a modern browser for security reasons (the scripts are sandboxed).
Maybe you took those functions from a very old and non-standard Javascript reference like JavaScript Programmer's Reference (by Cliff Wootton, 2001) or Pure JavaScript
(by Charlton Ting, Jason Gilliam, Allen R. Wyke, 1999). Those are very antique manuals and deal with obsolete browser versions (Internet Explorer 4...).
You can also find those functions or a similar set in the APIs provided by JS engines like Adobe InDesign, NodeJS or ShellJS, which are not browser engines. Working with a JS engine doens't imply you'll find the same API as provided by another one. Typically, you won't do the same things with NodeJS and Firefox JS engine (OdinMonkey currently).
If you want to dynamically change the content of your page (ie its DOM structure) with an external resource (a file located in your server), use the Ajax techniques.
Finally, in this SO question, you'll find some ways to get the content of a local file, but they must have been selected manually by the user.
answered Nov 10 at 19:57
Amessihel
1,5761623
thank you, and yes, i've copied functions from an old website...
– CiprianC
Nov 10 at 20:03
add a comment |
up vote
3
down vote
up vote
3
down vote
You cannot read from a file this way in a modern browser for security reasons (the scripts are sandboxed).
Maybe you took those functions from a very old and non-standard Javascript reference like JavaScript Programmer's Reference (by Cliff Wootton, 2001) or Pure JavaScript
(by Charlton Ting, Jason Gilliam, Allen R. Wyke, 1999). Those are very antique manuals and deal with obsolete browser versions (Internet Explorer 4...).
You can also find those functions or a similar set in the APIs provided by JS engines like Adobe InDesign, NodeJS or ShellJS, which are not browser engines. Working with a JS engine doens't imply you'll find the same API as provided by another one. Typically, you won't do the same things with NodeJS and Firefox JS engine (OdinMonkey currently).
If you want to dynamically change the content of your page (ie its DOM structure) with an external resource (a file located in your server), use the Ajax techniques.
Finally, in this SO question, you'll find some ways to get the content of a local file, but they must have been selected manually by the user.
answered Nov 10 at 19:57
Amessihel
1,5761623
You cannot read from a file this way in a modern browser for security reasons (the scripts are sandboxed).
Maybe you took those functions from a very old and non-standard Javascript reference like JavaScript Programmer's Reference (by Cliff Wootton, 2001) or Pure JavaScript
(by Charlton Ting, Jason Gilliam, Allen R. Wyke, 1999). Those are very antique manuals and deal with obsolete browser versions (Internet Explorer 4...).
You can also find those functions or a similar set in the APIs provided by JS engines like Adobe InDesign, NodeJS or ShellJS, which are not browser engines. Working with a JS engine doens't imply you'll find the same API as provided by another one. Typically, you won't do the same things with NodeJS and Firefox JS engine (OdinMonkey currently).
If you want to dynamically change the content of your page (ie its DOM structure) with an external resource (a file located in your server), use the Ajax techniques.
Finally, in this SO question, you'll find some ways to get the content of a local file, but they must have been selected manually by the user.
answered Nov 10 at 19:57
Amessihel
1,5761623
edited Nov 11 at 13:15
answered Nov 10 at 19:57
Amessihel
1,5761623
answered Nov 10 at 19:57
Amessihel
1,5761623
answered Nov 10 at 19:57
Amessihel
1,5761623
1,5761623
thank you, and yes, i've copied functions from an old website...
– CiprianC
Nov 10 at 20:03
add a comment |
thank you, and yes, i've copied functions from an old website...
– CiprianC
Nov 10 at 20:03
thank you, and yes, i've copied functions from an old website...
– CiprianC
Nov 10 at 20:03
thank you, and yes, i've copied functions from an old website...
– CiprianC
Nov 10 at 20:03
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53242540%2fread-data-from-text-file-in-javascript%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Read up on how to use ajax
– charlietfl
Nov 10 at 19:35
developer.mozilla.org/en-US/docs/Web/API/File/…
– JGFMK
Nov 10 at 19:40