estou com um problema, faço a requisição XMLHttp é funciona tudo direitinho, porém na hora de abrir o json ele não carregar, pois está dentro de uma pasta, tento da seguinte maneira("GET", "data/dados.json", true), porém não abre, se utilizo o arquivo fora da pasta funciona"GET", "dados.json", true).

Gostaria de saber se há alguma maneira de carregar o arquivo na pasta.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    window.onload = function(){
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function(){
            if(this.readyState === 4 && this.status === 200){
                var poke = JSON.parse(this.responseText);
                Element.prototype.appendAfter = function (element) {
                    element.parentNode.insertBefore(this, element.nextSibling);
                }, false;
                var NewElement = document.createElement('tr');
                NewElement.innerHTML = '<td>'+poke[i].id+'</td><td>'+poke[i].name+'</td><td><img src="'+poke[i].picture+'"/></td>';
                NewElement.appendAfter(document.getElementsByClassName('head-table'));
                NewElement.innerHTML = '<td>ID</td><td>Name</td><td>Picture</td>';
                NewElement.appendAfter(document.getElementById('ref'));
                for(i=0;i<poke.length;i++){
                    var NewElement = document.createElement('tr');
                    NewElement.innerHTML = '<td>'+poke[i].id+'</td><td>'+poke[i].name+'</td><td><img src="'+poke[i].picture+'"/></td>';
                    NewElement.appendAfter(document.getElementById('ref'));
                }
            }
        };
        xmlhttp.open("GET", "data/dados.json", true);
        xmlhttp.send();
    };

<!-- end snippet -->