CODEWITHSUNDEEP
htmlxmlxmlhttprequest
user10429420
user10429420

Reputation:

Read a text file using XMLHttpRequest?

I have been trying to use the XMLHttpRequest to read a text file and display the text. The text file I is going to be linked externally. So far I have the following code

<!DOCTYPE html>
<html>
<body>

<h2>Using the XMLHttpRequest object</h2>

<script>
<script>
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", XMLHttpRequest.txt, true);
</script>
</script>

</body>
</html>

I do not see my text file showing up and I am completely lost. I looked around on stack overflow already for answers and I did not find anything.

Upvotes: 0

Views: 777

Answers (1)

anatolhiman
anatolhiman

Reputation: 1859

You haven't specified where your text file is located.

Here's an example of a working XMLHttpRequest with a remote api (not a real api endpoint, just an example url). You could adapt this to use a text file instead of json. Remember to call your function in the end! findCity( city ) for instance.

function findCity(elem) {

        let xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
          if (xmlhttp.readyState == XMLHttpRequest.DONE) {
             if (xmlhttp.status == 200) {
                 document.getElementById("city").value = xmlhttp.responseText;
             }
             else if (xmlhttp.status == 400) {
                alert('There was an error 400');
             }
             else {
                 alert('something else other than 200 was returned');
             }
          }
      };

    xmlhttp.open("GET", "https://api.example.com/api/postcodes.json?pnr=" + elem.value + '&clientUrl=http://localhost', true);
      xmlhttp.send();
  }

Upvotes: 0

Related Questions