Insertar codigo html generado por una petición ajax

[jclaurian]

Hola, qué tal.

Espero poderme dar a entender. Tengo una página donde capturo un número de folio, yo quiero que al escribir este número de folio, inmediatamente más abajo me salga una tabla con todos los registros de una tabla que tengan ese número de folio.

Lo había hecho con una petición de ajax donde devolvía un array con los resultados, pero solo puedo regresar una fila de registros, no todos. Bueno, deje en paz esa opción y mejor opte por, que el archivo php imprima todos los resultados. Esta parte ya la tengo.

Tengo el siguiente código:

Código:

var folio = document.getElementById("folio").value;
		$.ajax({
			type: "POST",
			url:  "Controller.php",
			data: "folio=" + folio,
			dataType: "html",
			error: function() {
				alert("ERROR");
			},
			success: function(data) {
				console.log(data);
				 $("#resultado").html(data);
			}
		});

Y más abajo:

Código:

<table id="resultado">
</table>

Cuando realizo la petición, en la consola veo que me imprime:

Código:

<tr><td class='td_history'>260024</td><td class='td_history'>DATO1</td><td class='td_history'>DATO2</td>.....

Como pueden ver me devuelve un código html, pero este aparece en la página sin formato, no lo agrega como tablas, que es lo que busco.

Quizás $("#resultado").html(data); no sea la opción que deba usar, espero me puedan ayudar.

Gracias

[Alexis88]

Aparentemente, todo es correcto. Quizá si nos muestras el código del archivo 'Controller.php', podamos ver en dónde está la falla.

Saludos

[ArturoGallegos]

en lugar de html() prueba utilizar append() ,,, es lo que yo suelo usar y no he tenido problemas.