Fetch data from text file to HTML page

Question

I have here an HTML page which is supposed to be fetching a list of data, but apparently due to server migration ASP is not working. So I want to fetch data without using any language but just pure JavaScript and an HTML page. I think that storing my data in a text file (.txt) and fetching it via JavaScript will do. And the condition will be every month there is different text file to be fetched. Is this possible?

I would look on how to complete the migration... What you ask is how to make a bandaid stick on an untreated wound... That will soon get infected. ;) — Louys Patrice Bessette
– Louys Patrice Bessette, Commented Jul 5, 2019 at 3:37
Where is this text file located? If it's on the same server, you might consider server side includes. If it's somewhere else, you can fetch it with ajax. jQuery is good for this: $.get('http://path/to/file.txt', function(data) { $("#target").html(data); }); — mankowitz
– mankowitz, Commented Jul 5, 2019 at 3:39
@LouysPatriceBessette Thank you for your suggestion. But due to server migration asp is not supported anymore and we are not allowed to use other language. So come up with the idea I posted. — x'tian
– x'tian, Commented Jul 5, 2019 at 3:54
@mankowitz Hello. Yup, the text file would be on the same server. Would you mind helping me to do that? I don't have any codes to startup so far. Sorry =/ — x'tian
– x'tian, Commented Jul 5, 2019 at 3:56
It depends on which server you are using. If Apache, you'd do something like this  — mankowitz
– mankowitz, Commented Jul 6, 2019 at 8:56

HelioWallet.com · Accepted Answer · 2019-07-05 03:56:50Z

1

$(document).ready(function(){
  $.ajax({
    url: "https://www.w3.org/TR/PNG/iso_8859-1.txt"
  }).done(function(response) {
    $('#data').html(response);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="data"></p>

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $.ajax({
    url: "https://www.w3.org/TR/PNG/iso_8859-1.txt"
  }).done(function(response) {
    $('#data').html(response);
  });
});
</script>
</head>
<body>


<div id="data"></p>
</body>
</html>

answered Jul 5, 2019 at 3:56

HelioWallet.com

494 bronze badges

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

Collectives™ on Stack Overflow

Fetch data from text file to HTML page

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related