Devido a uma necessidade interna, preciso fazer com que o retorno de uma consulta Ajax crie linhas para cada resultado exibido. Hoje tenho uma função que uso e que funciona normalmente quando o resultado é somente de uma linha, como abaixo:

[![inserir a descrição da imagem aqui][1]][1]


[![inserir a descrição da imagem aqui][2]][2]

Agora, se o retorno é de mais de um resultado, recebo o erro abaixo, dentro da própria biblioteca Jquery:

[![inserir a descrição da imagem aqui][3]][3]

Assim envio o JSON:

     while (OCIFetch($consulta2)){
     
         $array = array('codigo'=>$v_codigo, 'descricao'=>$v_descricao, 'status'=>$v_status, 'lote'=>$v_lote, 'endereco'=>$v_endereco, 'validade'=>$v_validade, 'qtde'=>$v_qtde);
         echo json_encode($array);
         
    }

A função que "recebe" o JSON é essa:

       // Atribui uma função para ser executada sempre que houver uma mudança de estado
        xmlreq.onreadystatechange = function () {
            // Verifica se foi concluído com sucesso e a conexão fechada (readyState=4)
            if (xmlreq.readyState == 4) {
              // Verifica se o arquivo foi encontrado com sucesso
                if (xmlreq.status == 200) {
                    //Se o retorno foi vazio do Oracle
                    if (xmlreq.responseText == "") {
                        document.getElementById("codigo").focus();
                       ids.forEach(function (id) {
                            document.getElementById(id).value = '';
                        });
                    //Se encontrou dados
                    } else {
                        //Aqui recebe os dados do processa.php, abre e aplica nos campos desejados
                        var dados = JSON.parse(xmlreq.responseText);
                        // função para preencher os campos com os dados
                        ids.forEach(function (id) {
                            document.getElementById(id).value = dados[id];
                        });
                    }
                } else {
                    result.innerHTML = "Erro: " + xmlreq.statusText;
                }
            }
            requestActive = false;
        };
        xmlreq.send(null);

É essa mesma função que estou tentando alterar para criar as linhas da tabela automaticamente quando encontrar mais de um resultado. Segui [esse exemplo][4], coloquei id na table no html, mas não consegui alterar esse ajax que uso. 
Alguma sugestão?

**UPDATE**

Com a resposta do @Guerra, o JSON passou para o Ajax, mas ele dá o erro:
[![inserir a descrição da imagem aqui][5]][5]

No trecho abaixo:

        //Se encontrou dados
            } else {
                //Aqui recebe os dados do processa.php, abre e aplica nos campos desejados
                //var dados = JSON.parse(xmlreq.responseText);
                // função para preencher os campos com os dados
                        var HTML = "<table class='table table-striped table-bordered table-hover' style='width:500px'>";

                        HTML += "<tr><th>Endereco</th><th>Lote</th></tr>";

                        var data = JSON.parse(xmlreq.responseText);
                        for(var i = 0;i<=data.length;i++){
                          HTML += "<tr><td>" + data[i].endereco + "</td><td>" + data[i].lote + "</td></tr>";
                        }

                        HTML += "</table>";

                        document.getElementById('locais').innerHTML = HTML;
            }


  [1]: https://i.sstatic.net/1SevJ.png
  [2]: https://i.sstatic.net/DX7aD.png
  [3]: https://i.sstatic.net/SIkc1.png
  [4]: http://stackoverflow.com/questions/11242536/generate-table-row-dynamically-on-ajax-success
  [5]: https://i.sstatic.net/a7rdF.png