0

Bom, estou tentando realizar uma simples requisição ajax, porém o conteúdo chamado não está sendo exibido. Como posso resolver ?

var xmlhttp;

function callContent(){

    var mainContent = document.querySelector(".main-content");
    xmlhttp = new XMLHttpRequest();
    xmlhttp.open("GET", "random.php", true);
    xmlhttp.onreadystatechange = callback(mainContent);

    xmlhttp.send();

}

function callback(contentDiv){
    console.log(xmlhttp);
    if(xmlhttp.readystate == 4 && xmlhttp.status == 200){

        contentDiv.innerHTML = xmlhttp.responseText;

    }

}
2
  • Esse console.log está mostrando o conteúdo corretamente?
    – Marlysson
    1/12/2017 às 13:29
  • também não, mas quando abro o random.php ele funciona perfeitamente. o status do readystatechange ficam em 0, mesmo solicitando o open e send 1/12/2017 às 13:38

1 Resposta 1

1

Murilo, muda essa linha xmlhttp.open("GET", "random.php", true); para xmlhttp.open("GET", "random.php", false);, neste caso você está dizendo que a chamada será síncrona e você vai conseguir debugar e ver o retorno da sua chamada.

4
  • não ocorreu nada de diferente, só no console que apareceu um aviso dizendo que não se deve usar XMLHttp síncrono na thread principal 1/12/2017 às 15:10
  • o arquivo continua sendo solicitado, mas não é exibido. 1/12/2017 às 15:11
  • Fiz alguns console.log's, o readystate dele fica em null sempre que a requisição é feita 1/12/2017 às 15:54
  • em readystate, basta colocar o S em maíusculo ... :/ 1/12/2017 às 15:58

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .