Insertar codigo html generado por una petición jquery

  • Autor Autor jclaurian
  • Fecha de inicio Fecha de inicio

jclaurian

Delta
Verificación en dos pasos activada
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:

Insertar CODE, HTML o PHP:
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:
Insertar CODE, HTML o PHP:
<table id="resultado">
</table>

Cuando realizo la petición, en la consola veo que me imprime:
Insertar CODE, HTML o PHP:
<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
 
Como que te complicaste mucho la vida jejeje. Simplemente aplica el evento keyup al input donde capturas el folio, después se lo insertas a otro elemento... aquí te hice uno de ejemplo Edit fiddle - JSFiddle espero sea de ayuda. :encouragement:
 
Hola abrahamt.

Creo que si me complique, pero no solo se trata de agregar el número de folio al html, sino una tabla con todos los registros. Ya lo pude acomodar, el "truco" era generar toda la tabla (<table><tr>...</table>) en el php y mandarlo a #resultado.

Ya me quedo perfecto. Capturo el número de folio y en cuanto preciono tab se cargan todos los registros en la tabla de abajo.

Saludos!
 

Ohh yaa jajaja que bien que ya quedó, con razón dije para que tanto choro, pero si era necesario, saludos!