Atualmente estou trabalhando no livro "Head first HTML5 programming". Eu quero carregar o conteúdo de um arquivo chamadosales.json de um servidor da web em minha própria máquina. Eu usei wampserver para isso.

Na pastawamp/www/gumball/ Eu coloquei todos os relevantes.html, .js e.css arquivos, e também osales.json Arquivo.

Meu código JavaScript é muito simples:

window.onload = function() {
    var url = "http://localhost/gumball/sales.json";
    var request = new XMLHttpRequest();
    request.open("GET", url);
    request.onload = function() {
        if (request.status == 200) {
            updateSales(request.responseText);
        }
    };
    request.send(null);
}

function updateSales(responseText) {
    var salesDiv = document.getElementById("sales");
    salesDiv.innerHTML = responseText;
}

Isso não faz nada! Digitando o link:http://localhost/gumball/sales.json no meu navegador abre o arquivo certo, então o link deve estar correto. Mesmo quando usar o.js arquivos que vêm com o livro (com uma versão finalizada do aplicativo que estou tentando fazer), nada é carregado.

Testes com declarações de alerta me dizemrequest.onload evento nunca acontece. Eu não tenho a mínima ideia de por que esse é o caso.

Um fato que ainda não entendo: quando digito:http://localhost/gumball/sales.json: no meu navegador (eu adicionei dois pontos no final do link), eu recebo um erro 403 Proibido! Por que isso acontece? Isso tem algo a ver com o meu problema?