getPagos()

<form id="frm-pagos" method="POST"  onsubmit="return false;">
<div class="form-group">
      <label for="estado">Estado</label>
      <select id="estado" data-placeholder="" required class="form-control">
          <option value="Pendiente">Pendiente</option>
          <option value="Importado">Importado</option>
      </select>
  </div>
  <div class="form-group">
      <label for="ruc">RUC</label>
      <select id="ruc" data-placeholder="0222222222001" required class="form-control">
          <option value="">RUC del Cliente... </option>
          <option value="C0987456321">Posada de las Garzas (Cédula: C0987456321)</option>
          <option value="R0222222222001">Knela Shop (RUC: R0222222222001)</option>
      </select>
  </div>
  <div class="form-group">
      <label for="factura">No Factura</label>
      <input id="factura" type="text" placeholder="Ej: 0001-000125-021450" required class="form-control">
  </div>
  <div class="form-group text-right m-b-0">
      <button onclick="getPagos();" class="btn btn-primary waves-effect waves-light" >
          Obtener
      </button>
  </div>
</form>
<hr>
<div class="form-group">
  <label> Resultado:</label> <br>
  <table class="table table-bordered table-responsive table-striped">
      <theah>
          <tr>
              <th>ID</th><th>Factura</th><th>Fecha Pago</th><th>Subtotal</th><th>IVA</th><th>Valor Pagado</th><th>Tipo Pago</th><th>Forma Pago</th><th>Código Ret.</th><th>Porciento Ret.</th><th>Valor Retenido</th><th>No Cheque</th><th>Fecha Cheque</th><th>Titular</th><th>Código Banco</th><th>Código Reg</th><th>Foto</th><th>Estado</th><th>Acciones</th>
          </tr>
      </theah>
      <tbody id="pedidos">

      </tbody>
  </table>
</div>

<hr>

function getPagos(){
    //obtener pagos enviando RUC y No de factura
     var estado = $('#estado').val(); ////Estado del pago (Pendiente o Importado)
    var ruc = $('#ruc').val(); ////RUC del idcliente
    var factura = $('#factura').val(); ////RUC del idcliente

    params = {
        estado: estado,
        ruc: ruc,
        factura:  factura,
        token: token
    }
    callAPI('getPagos', params);
}
    ///////////////////////////////////////////////////////////////////////////////
    //Ejemplo de la respuesta que recibe de la API.

    if (data.code == 1) {
        arrdatos = data.details;
        filas = '';
        for(i=0;i<arrdatos.length; i++){
            idpago = arrdatos[i].idpago;
            factura = arrdatos[i].factura;
            ruc = arrdatos[i].ruc;
            fecha_pago = arrdatos[i].fecha_pago;  //fecha del pago realizado con la app
            subtotal = arrdatos[i].subtotal; //subtotal de la factura
            iva = arrdatos[i].iva; //subtotal iva de la factura
            valor_pagado = arrdatos[i].valor_pagado; //valor pagado por el cliente
            tipo_pago = arrdatos[i].tipo_pago; //parcial (abono) o total
            forma_pago = arrdatos[i].forma_pago; //cheque, depósito, transferencia, efectivo
            tipo_retencion = arrdatos[i].tipo_retencion; //tipo retención (A la fuente o al IVA)
            codigo_retencion = arrdatos[i].codigo_retencion; //código de la retención
            porciento_ret = arrdatos[i].porciento; //porciento de retención
            valor_retenido = arrdatos[i].valor_retenido; //valor retenido
            foto = arrdatos[i].photo; //foto de cheque/comprobante
            //datos del cheque si aplica
            no_cheque = arrdatos[i].no_cheque;
            fecha_cheque = arrdatos[i].fecha_cheque;
            ban_codigo = arrdatos[i].ban_codigo;
            titular = arrdatos[i].titular;
            codigo_reg = arrdatos[i].codigo_reg;
            //fin
            estado = arrdatos[i].estado;
            var nuevoestado='';
            switch(estado){
            case 'Pendiente':
                estado = '<label class="label label-danger">'+estado+'</label>';
                nuevoestado = 'Importado';
                break;
            case 'Importado':
                estado = '<label class="label label-success">'+estado+'</label>';
                nuevoestado = 'Importado';
                break;
            }
            filas += '<tr class="pedido_'+idpago+'"><td>'+idpago+'</td><td>'+factura+'</td><td>'+fecha_pago+'</td><td>'+subtotal+'</td><td>'+iva+'</td><td>'+valor_pagado+'</td><td>'+tipo_pago+'</td><td>'+forma_pago+'</td><td>'+codigo_retencion+'</td><td>'+porciento_ret+'</td><td>'+valor_retenido+'</td><td>'+no_cheque+'</td><td>'+fecha_cheque+'</td><td>'+titular+'</td><td>'+ban_codigo+'</td><td>'+codigo_reg+'</td><td>'+foto+'</td></tr><td>'+estado+'</td></tr><td><button onclick="updatePago('+idpago+',  '+nuevoestado+')" class="btn btn-info">Actualizar</button></td></tr>';
        }
        $('#pagos').html(filas);
    }else{
        alert(data.msg);
    }