how to read a plain text file stored at a server link in my javascript code

Question

I have a plain text file stored at somewhere at a server to which i have the link. Now i want to read the file contents in a string var in my javascript code. Now I have written the code but does not know how to read the contents of the file.

I want to display the contents of the file in an alert box to the user, Can you please help.

var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange = function() 
{
if (this.readyState == 4 && this.status == 200) 
    {

                                                          var parser=new DOMParser();
                                                          var xmlDoc = parser.parseFromString(xmlhttp.responseText,"text/html"); 

      }

 }
xmlhttp.open("GET",url, false);
xmlhttp.send();

Regards

why UI is reading backend file? can you request backend person to write a controller which reads the file and give response to UI — pramod singh
– pramod singh, Commented Jun 16, 2020 at 16:31
normally the file content would be in the server response's body but it entirely depends on how the server is implemented — user6713871
– user6713871, Commented Jun 16, 2020 at 16:33

D. Pardal · Accepted Answer · 2020-06-16 16:36:20Z

1

You can use the Fetch API like this:

fetch(url) // The default method is GET
  .then(res => res.text())
  .then(text => {
    alert(text);
  });

The Fetch API is generally preferred over XMLHttpRequest, however, if you want to continue using XHR:

const xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    alert(this.responseText);
  }
}
xmlhttp.open("GET",url, false);
xmlhttp.send();

answered Jun 16, 2020 at 16:36

D. Pardal

6,6821 gold badge23 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to read a plain text file stored at a server link in my javascript code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related