Core JavaScript

Fetch a Simple Text File

This is JavaScript program demonstrates how to fetch a simple text file.

FetchASimpleTextFile.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width" />
		<title>XoaX.net's Javascript</title>
		<!-- Supply a transparent 1x1 favicon -->
		<link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=">
		<script type="text/javascript" src="FetchASimpleTextFile.js"></script>
	</head>
	<body onload="Initialize()">
		<p style="width:600px;" id="idText"></p>
  </body>
</html>

FetchASimpleTextFile.js

function Initialize() {
	// NOTE: THIS REQUIRES A WEB SERVER TO RUN
	let sFileName = "InTheBeginning.txt";
	fetch (sFileName)
	.then(qResponse => qResponse.text())
	.then(sMessage => document.getElementById("idText").innerHTML = sMessage);
}
 

Output

 
 

© 2007–2026 XoaX.net LLC. All rights reserved.