Here’s my code.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>News Site</title>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var xmlDoc = this.responseXML;
document.getElementsById("demo").innerhtml = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue + "<br/>" + xmlDoc.getElementsByTagName("link")[0].childNodes[0].nodeValue;
}
}
xhttp.open("GET", "http://feeds.feedburner.com/ndtvnews-latest?format=xml", true);
xhttp.send();
</script>
</head>
<body>
<div id="demo"></div>
</body>
</html>
I am a beginner in using Ajax and this is my first project. I checked with the format, even validated it with W3 Validator, and it doesn’t seem to work.
Nothing is showing on the page. It’s completely blank.
Can anyone point out my mistake please?