XHR issue in a local file

JavaScript
1 
var request = new XMLHttpRequest();
request.open('GET', 'data.txt');
request.onReadyStateChange = function() {
	if (request.status===200) {
		console.log(request);
		document.writeln(request.responseText);
	}	
}	
request.send();

index.html →


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>JavaScript AJAX</title>
</head>
<body>
<script src="script.js"></script>
</body>
</html>

But nothing is outputting →

image
image1109×684 22.6 KB

2

Hi @codeispoetry, you can get more details about the request (status code etc.) in the network tab of the browser dev tools (should be somewhere next to Console and Sources).

1 Like
3

Hi @m3g4p0p

All seems good →

image
image764×676 37.8 KB

4

Ah, onreadystatechange is written all lower case.

1 Like
5

Thanks sir, it worked.

1 Like
6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.