Boleto com ASAAS parte 2




Agora vamos listar todos os clientes que estão cadastrados para enviar o boleto.

index.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
    <link href="assets/css/styles.css" rel="stylesheet">
    <title>Boletos</title>
</head>
<body>
<div class="container">
    <h2>Cobrança por boleto</h2>

    <div id="clientes">
        <table class="table table-stripped">
            <thead>
            <tr>
                <th>Id</th>
                <th>Nome</th>
                <th></th>
            </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="assets/js/listar_clientes.js"></script>
<script src="assets/js/gerar_boleto.js"></script>
</body>
</html>

listar_clientes.js

(function () {

    var container = $('.container');
    var clientes = container.find('#clientes');
    var tbody = clientes.find('tbody');

    $.ajax({
        url: 'ajax/listar_clientes.php',
        dataType: 'json',
        success: function (retorno) {

            var tr = '';

            retorno.forEach(function (cliente) {
                tr += '<tr>';
                tr += '<td>' + cliente.id + '<td>';
                tr += '<td>' + cliente.name + '<td>';
                tr += '<td><button class="btn btn-success btn-xs btn-gerar-boleto" data-id="' + cliente.id + '">Boleto</button><td>';
                tr += '<tr>';
            });

            tbody.html(tr);

        }
    });

})();

listar_clientes.php

require "../../config.php";
$clientes = $api->asaas->curstomer()->getAll();
echo json_encode($clientes);