Recuperar dados do banco de dados por javascript e jquery

[cavalcantejean 0]

Eu tenho o seguinte código

var _this = this,
                    $div = _this.$div,
                    opts = _this.settings,
                    $table = $div.find(opts.tableSelector);

var listaCamposAExibir = ["Identificação Direta", "Identificação Indireta", "Total", "REINCIDÊNCIAS COM IDENTIFICAÇÃO DIRETA", "REINCIDÊNCIAS COM IDENTIFICAÇÃO INDIRETA", "Total", "TOTAL DE IDENTIFICAÇÕES N"];

                var i = 0;

                document.write('<table>')

                for (var j = 0; j < list.length; j++) {
                    i = 0;
                    for (p in list[j]) {
                        if (p === "Nome") {
                            document.write('<tr>');
                            document.write('<td>' + list[j][p] + '</td><td></td>');
                            document.write('</tr>');
                        } else {
                            if(p === "TotalGeral" && list[j].Nome === "Interior"){
                                document.write('<tr>');
                                document.write('<td>' + listaCamposAExibir[i] + 'O INTERIOR</td><td>' + list[j][p] + '</td>');
                                document.write('</tr>');
                            } else {
                                if(p === "TotalGeral" && list[j].Nome === "Metropolitana"){
                                    document.write('<tr>');
                                    document.write('<td>' + listaCamposAExibir[i] + 'A CAPITAL</td><td>' + list[j][p] + '</td>');
                                    document.write('</tr>');
                                } else {
                                    document.write('<tr>');
                                    document.write('<td>' + listaCamposAExibir[i] + '</td><td>' + list[j][p] + '</td>');
                                    document.write('</tr>');
                                    i++;
                                }
                            }                       
                        }
                    }
                }

                document.write('<tr><td>TOTAL:</td><td>' + (parseInt(list[0].TotalGeral) + parseInt(list[1].TotalGeral)) + '</td></tr>');

                document.write('</table>')

E o seguinte código html:

<div class="form-list-result resultadosDaPesquisa hidden">
			<div class="form-list-result-header resultadosDaPesquisa hidden">
				<label>Resultado da Pesquisa</label>
			</div>
			<table class="table" width="100%">
			</table>
		</div>

Mas quando entra na ação javascript, a tabela continua vazia, só com <table></table>. Quando eu usei o document.write, aparecia a tabela assim:

Interior	
Identificação Direta	                     2
Identificação Indireta	                     3
Total	                                     5
REINCIDÊNCIAS COM IDENTIFICAÇÃO DIRETA	     1
REINCIDÊNCIAS COM IDENTIFICAÇÃO INDIRETA     1
Total	                                     2
TOTAL DE IDENTIFICAÇÕES NO INTERIOR	     7
Metropolitana	
Identificação Direta	                     3
Identificação Indireta	                     2
Total	                                     5
REINCIDÊNCIAS COM IDENTIFICAÇÃO DIRETA	     1
REINCIDÊNCIAS COM IDENTIFICAÇÃO INDIRETA     1
Total	                                     2
TOTAL DE IDENTIFICAÇÕES NA CAPITAL	     7
TOTAL:	                                     14

E o resultado da pesquisa do banco de dados é esta:

Nome            IdDireta IdIndireta  SubTotal RIdDireta RIdIndireta  RSubTotal  TotalGeral
Interior	2	 3	     5	      1	        1	     2	        7
Metropolitana	3	 2	     5	      1	        1	     2	        7

[Rafael Sirotheau 43]

Seu código está gerando HTML da forma errada. Procure primeiro montar um modelo com essas informações em HTML. Com o modelo pronto, modifique o seu javascript para que imprima o código na ordem correta.

Evite apenas copiar e colar códigos da internet. Busque compreender o que aquele código faz antes de utilizá-lo (isto vai facilitar possíveis modificações que se tornem necessárias).

Seu HTML deve ficar assim:

<table>
	<tr>
		<td>Nome</td>
		<td>IdDireta</td>
		<td>IdIndireta</td>
		<td>SubTotal</td>
		<td>RIdDireta</td>
		<td>RIdIndireta</td>
		<td>RSubTotal</td>
		<td>TotalGeral</td>
	</tr>
	<tr>
		<td>Interior</td>
		<td>2</td>
		<td>3</td>
		<td>5</td>
		<td>1</td>
		<td>1</td>
		<td>2</td>
		<td>7</td>
	</tr>
	<tr>
		<td>Metropolitana</td>
		<td>3</td>
		<td>2</td>
		<td>5</td>
		<td>1</td>
		<td>1</td>
		<td>2</td>
		<td>7</td>
	</tr>
</table>

Modifique seu javascript para que imprima os campos corretamente, de forma que o HTML seja como o acima