Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

Vendas Online via API com Mercado Pago - #7 Obtendo token

20/03/2020

Nesse tutorial aprenderemos como realizar a captura do token do cartão de crédito utilizando a API do Mercado Pago.

Token do Cartão de Crédito - Mercado Livre

Criaremos no nosso javascript as funções que farão a mágica de capturar o token do cartão após o submit do formulário:

//Create Token
function sendPayment(event) {
    event.preventDefault();
    window.Mercadopago.createToken(event.target, sdkResponseHandler);
}
function sdkResponseHandler(status, response) {
    if (status == 200 || status == 201) {
        let form = doc.querySelector('#pay');
        let card = doc.createElement('input');
        card.setAttribute('name', 'token');
        card.setAttribute('type', 'text');
        card.setAttribute('value', response.id);
        form.appendChild(card);
        form.submit();
    }
}
if(doc.querySelector('#pay')){
    let formPay=doc.querySelector('#pay');
    formPay.addEventListener('submit',sendPayment,false);
}

Por hoje é só. Sucesso nos códigos e na vida!

Já pensou em ter um professor particular pelo TeamViewer? Suporte Premium: webdesignemfoco@gmail.com

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

Vendas Online via API com Mercado Pago - #6 Bandeira e Parcelas
Neste tutorial aprenderemos como trazer a bandeira do cartão de crédito para o nosso formulário e como exibir a quantidade de parcelas disponíveis.
Saiba mais!
Vendas Online via API com Mercado Pago - #8 PaymentController
Nessa videoaula nós iremos iniciar o desenvolvimento da API no lado backend. Nós utilizaremos a linguagem de programação PHP pra trabalhar com Mercado Pago.
Saiba mais!
Mercado Pago
Neste curso aprenderemos como desenvolver pagamentos através do checkout transparente da API do Mercado Pago.
Saiba mais!