AJAX XMLHttpRequest Object

Asked Sep 21 '17 at 20:43

Active Sep 21 '17 at 20:43

Viewed 43 times

I have been working with script from w3schools. I would like the ajax_info.txt file to appear as the page loads instead of with the button click. I've seen this question before, but can't find the answer again after a couple of days of looking. I pre-apologize for this idiotic question.

<!DOCTYPE html>
<html>
<body>

<h1>The XMLHttpRequest Object</h1>

<p id="demo">Let AJAX change this text.</p>

<button type="button" onclick="loadDoc()">Change Content</button>

<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}
</script>

</body>
</html>

asked Sep 21 '17 at 20:43

JenV

Possible duplicate of [How do I call a JavaScript function on page load?](https://stackoverflow.com/questions/3842614/how-do-i-call-a-javascript-function-on-page-load) – yuriy636 Sep 21 '17 at 20:48
If you want a function to run on page load you can do this – Reginol_Blindhop Sep 21 '17 at 20:48
1

In your case, just add `loadDoc()` after the function definition. – Felix Kling Sep 21 '17 at 20:54

AJAX XMLHttpRequest Object

0 Answers0