getHojaRutaAPI()

<form id="frm-idciente" method="POST"  onsubmit="return false;">
  <div class="form-group">
      <label for="hojaruta">N° Hoja De Ruta</label>
      <input id="hojaruta" data-placeholder="123456" required class="form-control">
  </div>
  <div class="form-group text-right m-b-0">
      <button onclick="getHojaRutaAPI();" 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>Hoja Ruta</th><th>Fecha entrega</th><th>Estado</th><th>Conductor</th><th>Cliente</th><th>Factura</th><th>Monto</th><th>Recaudación</th><th>Forma pago</th><th>Bultos</th>
          </tr>
      </theah>
      <tbody id="hojasruta">

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

<hr>

//getHojaRutaAPI
function getHojaRutaAPI(){
    var hojaruta = $('#hojaruta').val();
    params = {
        hojaruta: hojaruta,
        token: token
    }
    callAPI('getHojaRutaAPI', 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++){
            idhojaruta = arrdatos[i].idhojaruta;
            fecha_acepta = arrdatos[i].fecha_acepta;
            fecha_entrega = arrdatos[i].fecha_entrega;
            fecha_recepcion = arrdatos[i].fecha_recepcion;
            fecha_registro = arrdatos[i].fecha_registro;
            conductor = arrdatos[i].conductor;
            driver_cod = arrdatos[i].driver_cod;
            sucursal = arrdatos[i].sucursal;
            observaciones = arrdatos[i].observaciones;
            estado = arrdatos[i].estado;
            //detalles
            cliente = arrdatos[i].cliente;
            codigo_cliente = arrdatos[i].codigo_cliente;
            factura = arrdatos[i].factura;
            direccion = arrdatos[i].direccion;
            zona = arrdatos[i].zona;
            monto = arrdatos[i].monto;
            recaudacion = arrdatos[i].recaudacion;
            forma_pago = arrdatos[i].forma_pago;
            vendedor = arrdatos[i].vendedor;
            cod_vendedor = arrdatos[i].cod_vendedor;
            bultos = arrdatos[i].bultos;
            resmas = arrdatos[i].resmas;
            rollos = arrdatos[i].rollos;
            firma = arrdatos[i].firma;
            estado_entrega = arrdatos[i].estado_entrega;
            observacion = arrdatos[i].observacion;
            fecha_nota_credito = arrdatos[i].fecha_nota_credito;
            fecha_reclamo = arrdatos[i].fecha_reclamo;

            var nuevoestado='';
            switch(estado){
                case 'Pendiente':
                    estado = '<label class="label label-danger">'+estado+'</label>';
                    break;
                case 'Aceptado':
                    estado = '<label class="label label-primary">'+estado+'</label>';
                    break;
                case 'Receptado':
                    estado = '<label class="label label-info">'+estado+'</label>';
                    break;
                case 'Culminado':
                    estado = '<label class="label label-success">'+estado+'</label>';
                    break;
            }
            filas += '<tr class="pedido_'+idhojaruta+'"><td>'+hojaruta+'</td><td>'+fecha_entrega+'</td><td>'+estado+'</td><td>'+conductor+'</td><td>'+cliente+'</td><td>'+factura+'</td><td>'+monto+'</td><td>'+recaudacion+'</td><td>'+forma_pago+'</td><td>'+bultos+'/'+resmas+'/'+rollos+' </td><</tr>';
        }
        $('#hojasruta').html(filas);
    }else{
        alert(data.msg);
    }