Duvida com getElementById e div;

[moisesgodoi 0]

Olá boa noite estou com o seguinte código:

 

<script type="text/javascript">
var xhr = new XMLHttpRequest(),
    method = "GET",
    url = "http://webserver.flsoft.com.br/BRPremium/webservice/buscarDados/3";

xhr.open(method, url, true);
xhr.onreadystatechange = function () {
        if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
           var element = document.getElementById("cliente");
            console.log(xhr.responseText);
        }
    };
xhr.send();

</script>

<p id="cliente"></p>

 

 

Preciso que a variável "clientes" informe o total de clientes da url, no console deu certo aparece o total mas na id como faço pra mostrar no site?

[Omar~ 87]

if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
  var element = document.getElementById("cliente");
  // Isso printa como html exemplo
  // element.innerHTML = '<div style="bla bla bla">' + xhr.responseText + '</div>';
  element.innerHTML = xhr.responseText;
}

// Caso só queira exibir como texto
// element.innerText = xhr.responseText;

// Caso queira somente adicionar sem apagar o conteúdo da div
// é só substituir o sinal de igual por uma tribuição somatória
// element.inner.... += xhr......

Sugestão otimize o monitoramento do protocolo assim:

xhr.onreadystatechange = function () {
  if ((xhr.readyState === 4) && (xhr.status === 200)) {
    /// ...............

Assim sendo você pode passar callbacks para monitorar o status entre o cliente e o servidor