personalizado.js

function pagamento(){
    var endereco = jQuery('.endereco').attr("data-endereco");
    $.ajax({
        url: "https://www.dominio.com.br/pagamento.php",
        type: 'POST',
        dataType: 'json',
        success: function (retorno) {
            gravaRetorno(retorno.code,retorno.date);
            console.log(retorno.code);
            console.log(retorno.date);
            PagSeguroLightbox({
                code: retorno.code
            });

              //Insira o código de checkout gerado no Passo 1
              var code = retorno.code;
              var callback = {
                  success : function(transactionCode) {
                      //Insira os comandos para quando o usuário finalizar o pagamento.
                      //O código da transação estará na variável "transactionCode"
                      console.log("Compra feita com sucesso, código de transação: " + transactionCode);
                      gravaTransacao(transactionCode);
                      window.location='./';
                  },
                  abort : function() {
                      //Insira os comandos para quando o usuário abandonar a tela de pagamento.
                      gravaTransacao("abortado");
                      window.location='./';
                      console.log("abortado");
                  }
              };

              var isOpenLightbox = PagSeguroLightbox(code, callback);
              // Redireciona o comprador, caso o navegador não tenha suporte ao Lightbox
              if (!isOpenLightbox){
                  location.href="https://pagseguro.uol.com.br/v2/checkout/payment.html?code=" + code;
              }
        },
        error: function(retorno) {
            gravaTransacao("erro: "+retorno);
            console.log('erro: '+retorno);
            //alert(retorno);
        }
    });
}