Problem z odczytem pliku przez ajax

pytanie zadane 23 września 2016 w JavaScript przez Madar Obywatel (1,560 p.)

Witam
Chciałem popróbować jak działa Ajax, znalazłem na https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started przyklad uzycia. Program wygląda na prosty, po prostu sprawdza, czy plik został poprawnie odczytany i przesłany. Jedynie zmieniłem ścieżkę do pliku, zamiast "test.html" podałem swoją nazwę i tam umieściłem tekst, który powinien zostać wyświetlony po kliknięciu w span.

Kod podaję poniżej:

<!DOCTYPE html>
<html>
<head>
  
</head>
  <body>

  <span id="ajaxButton" style="cursor: pointer; text-decoration: underline">
  Make a request
  </span>

  <script type="text/javascript">
  (function() {
    var httpRequest;
    document.getElementById("ajaxButton").onclick = function() { makeRequest('test.html'); };

    function makeRequest(url) {
      httpRequest = new XMLHttpRequest();

      if (!httpRequest) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
      }
      httpRequest.onreadystatechange = alertContents;
      httpRequest.open('GET', url);
      httpRequest.send();
    }

    function alertContents() {
      if (httpRequest.readyState === XMLHttpRequest.DONE) {
        if (httpRequest.status === 200) {
          alert(httpRequest.responseText);
        } else {
          alert('There was a problem with the request.');
        }
      }
    }
  })();
  </script>
</body>
</html>

A taki błąd zwraca mi konsola:

XMLHttpRequest cannot load file:///C:/Users/Marcin/Documents/My%20programming/Ajax/index.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Czy ktoś wie dlaczego to nie chce działać? Dodam, że plik, który chce przesłać mam w tym samym folderze co plik z kodem.

komentarz 24 września 2016 przez Filip31411 Dyskutant (8,820 p.)

Jak już się obeznasz w ajax'ie przez JavaScript to polecam Ci nauczyć się ajax'a przez jQuery. Dużo prostsza składnia i krótszy kod:

$.ajax({
    url: 'test.txt',
    success: function (result) {
        alert(result);
    },
    error: function () {
        alert('error');
    }
});

Sam się ostatnio przesiadłem :)