Core JavaScript

Fetch with Async and Await

This is JavaScript program demonstrates how to fetch with async and await.

FetchWithAsyncAwait.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="FetchWithAsyncAwait.js"></script>
	</head>
	<body onload="Initialize()">
		<pre style="width:600px;" id="idText"></pre>
  </body>
</html>

FetchWithAsyncAwait.js

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

Output

 
 

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