Boa noite,
Estou utilizando codeigniter, estou implementando a api do pagseguro, e estou utilizando um javascript pra setar o id da sessão e chamar os métodos de pagamentos, até agora está tudo funcionando, só que em uma função listarMeiosPag() no javascript, ele traz o resultado apenas em console.log, se mando ele mostrar o resultado em uma div da pagina, ele simplesmente não mostra, nem alert exibe tb, mas se coloco o alert direto no script da pagina ele exibe, não sei como resolver isso, se algúem puder me ajudar agradeço.
Meu javascript está assim:
var pg = function (){
var setSessionId = function(){
$.ajax({
url: 'http://[::1]/teste/pg_session_id',
dataType: 'json',
success: function(res){
if (res.erro == 0) {
var id_sessao = res.id_sessao;
PagSeguroDirectPayment.setSessionId(id_sessao);
} else {
alert('Erro: '+ res.erro +' '+res.msg);
}
}
});
}
//Mostrar Métodos do pagamento
function listarMeiosPag(){
$('.btn-pagamento').on('click', function(e){
PagSeguroDirectPayment.getPaymentMethods({
amount: 500.00,
sucess:function(res){
if (res.erro == 0) {
$.each(res.paymentMethods.CREDIT_CARD.options, function(i, obj){
console.log(res); //aqui exibe a respota certa
$('meio-pag').append("<span>"+ obj.name +"</span>"); </div>');
//na div da pagina fica em branco a resposta
});
/* console.log(res);*/
} else {
alert('Erro: '+ res.erro +' '+res.msg);
}
},
error: function(res){
console.log(res);
}
});
});
}
return {
init:function(){
listarMeiosPag()
setSessionId();
}
}
}();
jQuery(document).ready(function(){
pg.init();
});
A minha pagina está assim:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--Chama o jQuery -->
<script src="<?php echo base_url('public/js/pagamentos.js') ?>"></script>
//aqui é o botão que chama os métodos de pagamento
<button class="btn btn-primary btn-pagamento"> Pagar </button>
//aqui era a div que ele deveria exibir a resposta
<div class="meio-pag"> </div>
A função listarMeiosPag, deveria mostrar o resultado na div, mas não funciona, e não sei o pq, se puderem me ajudar agradeço.
.
, ficou faltando ele$('.meio-pag')
console.log(res);
pq está usando para montar o htmlobj.name
? não deveria serres.name
? vi que o "obj" está no teu each, mas olhe o que tem no "obj" antes, faça debug ai e vai descobrir o problema