Hola a todos los del foro... agradezco a quienes contestaron a mi pregunta e intentaron ayudarme. Les comento que logre hacer lo que deseaba aqui pongo el codigo por si alguien lo necesita...
Primero tengo una clase
CBuscarDepoCliente.php llamada que me devuelve un array de datos que llamo desde Mysql:
Código PHP:
require_once("CConnection.php");
class CBuscaDepositos extends CConnection
{
private $m_Depositos; // array que almacenara lo devuelto por la db.
private $m_depositante; // variable que le entra como parametro osea la cedula.
public function __construct($strDepositante){
$this->Connection();
$this->m_Depositos = array();
$this->m_depositante = $strDepositante;
}
public function GetDatosDepositos(){
$str_temp_deposi = $this->m_depositante;
$str_consulta = sprintf("CALL details_depositos_depositante('%s')",$str_temp_deposi); // llamo el procedimimiento almacenado y le mando el parametro necesario(Cedula) y esto me retorna el array de datos.
$respuesta = $this->Consulta($str_consulta);
while($registros = mysql_fetch_assoc($respuesta))
{
$this->m_Depositos[] = array('id'=> $registros['DEP_ID'], 'depositante' => $registros['DEPO_NOMBRE'], 'usuario'=> $registros['USER_NAME']." ".$registros['USER_APELLIDOS'], 'fecha'=> $registros['FECHA'],
'monto'=> $registros['DEP_MONTO'], 'tipo'=> $registros['DEP_TIPO']);
}
print json_encode($this->m_Depositos);
}
}
// al final instancio la clase.
$strDepositante = $_GET['Depositante'];
$depositos = new CBuscaDepositos($strDepositante);
$depositos->GetDatosDepositos();
NOTA: la conexion que le entra a la clase la hacen ustedes.
Este es el
js que manda el parametro, recibe el array y construye la tabla dinamica:
Código:
$(document).ready(function(){
$('#cmdEnter').on("click", null, function() {
$.ajax({ // ajax call starts
url: 'Invocations/InvocationCBuscarDepoCliente.php', // JQuery loads serverside.php
data: 'Depositante=' + $('#txtDepo').val(), // Send value of text
dataType: 'json', // Choosing a JSON datatype
success: function(data) // Variable data contains the data we get from serverside
{
var html='';
// si la consulta ajax devuelve datos
if(data.length > 0){
$.each(data, function(i,item){
html += '<tr>'
html += '<td>'+item.id+'</td>'
html += '<td>'+item.depositante+'</td>'
html += '<td>'+item.usuario+'</td>'
html += '<td>'+item.fecha+'</td>'
html += '<td>'+item.monto+'</td>'
html += '<td>'+item.tipo+'</td>'
html += '</tr>';
});
}
// si no hay datos mostramos mensaje de no encontraron registros
if(html == '') html = '<tr><td colspan="6">No se encontraron registros..</td></tr>'
// añadimos a nuestra tabla todos los datos encontrados mediante la funcion html
$("#tableDeposits tbody").html(html);
}
});
return false; // keeps the page from not refreshing
});
})
Por ultimo creamos la pagina que mostrara el recultado:
Código HTML:
<h2>Buscar Depositos</h2>
<form id="frm_Ins" name="frm_Ins" action="" method="post">
<table class="table table-bordered">
<tr>
<td>Depositante:</td>
<td><input id="txtDepo" name="txtDepo" type="text" placeholder="111111111" value=""></td>
</tr>
<tr>
<td></td>
<td>
<input id="cmdEnter" name="cmdEnter" type="submit" value="Buscar...">
</td>
</tr>
</table>
<table id="tableDeposits" class="table table-bordered">
<thead>
<tr>
<td><strong># Deposito</strong></td>
<td><strong>Depositante</strong></td>
<td><strong>Usuario</strong></td>
<td><strong>Fecha</strong></td>
<td><strong>Monto</strong></td>
<td><strong>Tipo</strong></td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</form>
Me despido y espero que este codigo le llegue a servir a alguien como a mi me sirvio