How to load a file as a text string into some var with jQuery?

Question

So we have a /page.html and /folder/file.bla. We want to load that file contents as text string into some var using jQuery and call some function when we are done loading. How to do such thing?

Answer 1

Get the file using $.AJAX :

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

Answer 2

$.get('/folder/file.bla', function(data) {
  var fileContents = data;
});

The function you pass as the second argument to the get() function will be run once the data has been loaded from the external URL.