how can get HTML file format as string in javascript

Question

I would like to get in javascript the string value of all the content of an html file like:

<script>
  var HTMLString = getFile("MyPage.html") //some way to get file as HTML string
</script>

Is there any way to do that ?

Answer 1

Try looking into AJAX. Good for implementing HTML and C# into Javascript/web applications.

In your JS file:

$.ajax({
    type: 'GET',
    url: '/mypage.html',
    success: function (file_html) {
        // success
        alert('success : ' + file_html);
    }
});

Answer 2

As you want to get the file, you could use $.get from jQuery:

$.get("/MyPage.html", "", function(data){
  alert('success : ' + data);
  });

Just a word of advice: you can only get from the same domain due to the same origin policy.

The main problem is that the request is done asyncronously. This means that the script won't stop, so you don't know at what point the data will be available. This is a change of concept if you come from other static languages, you should pass the function that you want to execute as a callback to jQuery.