etiquetas de tabla mediante innerHTML (?)

[pecident]

Hola,

edito el post y me ahorro uno nuevo.

Mediante ajax, estoy haciendo una consulta a una base de datos y quiero que se vaya rellenando una tabla (fila a fila) dependiendo de los resultados de la consulta. Me lo hace todo bien menos al rellenar la tabla con las filas.

Mejor dicho, con una fila sí me lo hace bien, pero con más de una no.

Código:

var tabla=document.getElementById("idtabla");
var row=tabla.insertRow(-1);

ajax.onreadystatechange=function()
	{
		if (ajax.readyState==4)
		{
				var retorno;

				retorno = ajax.responseText;
			
				var fila = retorno.split(",");
			
				if (fila[0]>0)
				{
					var x=fila[0];
					
					for (x=x-1; x>0; x--)
					{	
						alert (fila[x]+x);
						row.innerHTML=fila[x];
						
					}
					
				}
				
				
		}
	}

Código PHP:

  $respuesta ="3,<td>Juan</td><td>12</td><td>TGN</td>,<td>juan2</td><td>123</td><td>BCN</td>,<td>juan3</td><td>125</td><td>BdN</td>" ; 
 
echo $respuesta;  
   

Bueno, lo que estoy intentando es que el php le pase una cadena con el formato que veis arriba, con cada fila separada por una coma, y al principio un número indicando cuantas filas tiene.

Mi idea ha sido recibirlo y con la funcion split, separarlas para así irlas metiendo una a una gracias a un bucle.

No ha sido una buena idea, ya que lo que hace el código es mostrar una fila, y cuando le llega la otra (fila) mostrar esta sin guardar la anterior.

Sabeis alguna manera de hacer lo que pretendo? es posible? estoy haciendo algo malamente?

soy un poco n00b en javascript


Un saludo