Bom, estou com um problema, na parte de progamação, com o jquery eu consegui fazer funcionar tudo(aparecer o cartão, numero de parcelas, hash.. etc) só q n estou conseguindo fazer submit no form, ele não me redireciona para a pagina que eu quero(que é a controller/controllerPedido.php) para poder fazer o checkout , o config.php está correto.
meu checkout.js e meu index.html:
var Root="http://" + document.location.hostname +"/pgseguro/";
var valor = 500.00;
// inicia a sessao com o hash gerado no controllerId.php via json
function iniciarSessao()
{
$.ajax({
url: Root+"controller/controllerId.php",
type: 'POST',
dataType: 'json',
success: function(data) {
PagSeguroDirectPayment.setSessionId(data.id);
},
complete: function() {
listaMeioPagamento();
}
});
}
//lista o pagamento possiveis com o Pagseguro
function listaMeioPagamento() {
PagSeguroDirectPayment.getPaymentMethods({
amount: valor,
success: function(data) {
$.each(data.paymentMethods.CREDIT_CARD.options, function(i, obj){
$('.cartaoCredito').append("<div><img src=https://stc.pagseguro.uol.com.br./"+obj.images.SMALL.path+">"+ obj.name+" </div>");
})
},
complete: function(data) {
getTokenCard();
}
});
}
/* Ao digitar o numero do cartao nos 6 primeiros digitos ele usa a função do pagseguro
para verificar a bandeira do cartão
*/
$('#numCartao').on('keyup', function() {
var NumeroCartao = $(this).val(); // numero do cartao
var qntCaracteres = NumeroCartao.length; // a qnt de caracters do cartao
/* quando ver que o num de caracteres for 6 ele faz a verificação( 6 digitos é o minimo)
para saber a bandeira.
*/
if(qntCaracteres >= 6) {
PagSeguroDirectPayment.getBrand({
cardBin: NumeroCartao,
success: function(response) {
var bandeiraImg = response.brand.name; // tras o nome da bandeira
$('.bandeiraCartao').html("<img src=https://stc.pagseguro.uol.com.br/public/img/payment-methods-flags/42x20/" + bandeiraImg + ".png>"); // é gerado um img com o nome da bandeira
getParcelas(bandeiraImg);
},
//caso dê erro é limpado a div do bandeira cartão(caso tenha algo dentro), e é mandado uma msg de erro para o usuario.
error: function(response) {
$('.bandeiraCartao').empty();
$('.msgError').html("<span>Cartão invalido!</span>")
},
});
}
});
// exibe a quantidade e valores das parcelas
function getParcelas(bandeira)
{
PagSeguroDirectPayment.getInstallments({
amount: valor, // traz o valor do pruduto
maxInstallmentNoInterest: 2, // o numero de parcelas q não será cobrado juros
brand: bandeira, // a bandeira vinda por parametro
success: function(response){
/*o primeiro foreach lê o json enviado no parametro response que são varios arrays,
o segundo foreach($.each) abaixo remove todos os valores dentro da tag <select>
isso evita a duplicação nas parcelas, sempre que for mostrado as parcelas
é retirado tudo que esta dentro.
*/
$.each(response.installments,function(i,obj){
$.each(obj,function(i2,obj2){
var numberValue = obj2.installmentAmount;
var num = "R$ "+ numberValue.toFixed(2).replace(".",",");
var numParcelas = numberValue.toFixed(2);
$('#qtdParcelas').show().append("<option value='" + obj2.quantity + "' title='" + numParcelas + "'>"+obj2.quantity+" parcelas de " + num + "</option>");
});
});
}, // fim do succsess
});
}
$("#qtdParcelas").on('change', function() {
var valueSelected = document.getElementById('qtdParcelas');
$('#valorParcelas').val(valueSelected.options[valueSelected.selectedIndex].title);
});
//pega o token do Cartão
function getTokenCard() {
PagSeguroDirectPayment.createCardToken({
cardNumber: '4111111111111111', // Número do cartão de crédito
brand: 'visa', // Bandeira do cartão
cvv: '123', // CVV do cartão
expirationMonth: '12', // Mês da expiração do cartão
expirationYear: '2030', // Ano da expiração do cartão, é necessário os 4 dígitos.
success: function(response) {
$('#tokenCard').val(response.card.token);
},
});
}
// Gera o hash do cartão
$('#btnComprar').on('click', function(event) {
event.preventDefault();
PagSeguroDirectPayment.onSenderHashReady(function(response){
$("#hashCard").val(response.senderHash);
});
})
iniciarSessao();
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="libraries/style.css">
</head>
<body>
<form name="form1" method="post" action="controller/controllerPedido.php">
<input type="text" id="numCartao" name="numCartao">
<input type="text" id="tokenCard">
<input type="text" id="hashCard" name="hashCard">
<div class="bandeiraCartao"></div>
<div class="msgError"></div>
<select name="qtdParcelas" id="qtdParcelas">
<option value="">Selecione</option>
</select>
<input type="text" id="valorParcelas" name="valorParcelas">
<input type="submit" id="btnComprar" name="btnComprar">
</form>
<div class="cartaoCredito"></div>
<div class="boleto"></div>
<div class="debito"></div>
<script type="text/javascript" src= "https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js"></script>
<script src="libraries/zepto.min.js"></script>
<script src="libraries/checkout.js"></script>
</body>
</html>
<?php
include("../config/config.php")
$tokenCard = $_POST["tokenCard"];
$hashCard = $_POST["hashCard"];
$qtdParcelas = filter_input(INPUT_POST,'qtdParcelas',FILTER_SANITIZE_SPECIAL_CHARS);
$valorParcelas = filter_input(INPUT_POST,'valorParcelas',FILTER_SANITIZE_SPECIAL_CHARS);
$data["email"] = EMAIL_PAGSEGURO;
$data["token"] = TOKEN_SANDBOX;
$data["currency"]="BRL";
$data["paymentMode"] = "default";
$data["paymentMethod"] = "creditCard";
$data["receiverEmail"] = EMAIL_PAGSEGURO;
$data["notificationURL"] = "www.prjstorm.com/notificacao.php";
// aqui pode ser feito um loop caso exista mais de um item na compra // todos obrigatorios
$data["itemId1"]="1";
$data["itemDescription1"]="Notebook Prata";
$data["itemAmount1"]="500.00"; // valor do item
$data["itemQuantity1"]="1";
$data["itemWeight1"]="1000";
/////////////////
$data["reference"]="83783783737";
$data["senderName"]="João da Silva"; // nome do comprador e os dados dele abaixo
$data["senderCPF"] = "11111111111";
$data["senderAreaCode"]="37";
$data["senderPhone"]="99999999";
$data["senderEmail"]="c51994292615446022931@sandbox.pagseguro.com.br";
$data["senderHash"] = $hashCard;
$data["shippingAddressRequire"] = true;
$data["creditCardToken"] = $tokenCard;
$data["installmentQuantity"] = $qtdParcelas;
$data["installmentValue"] = $qtdParcelas;
$data["noInterestInstallmentQuantity"] = 2;
$data["creditCardHolderName"]='Jose Comprador';
$data["creditCardHolderCPF"]='22111944785';
$data["creditCardHolderBirthDate"]='27/10/1987';
$data["creditCardHolderAreaCode"]='37';
$data["creditCardHolderPhone"]='99999999';
$data["billingAddressStreet"]='Av. Brig. Faria Lima';
$data["billingAddressNumber"]='1384';
$data["billingAddressComplement"]='5 Andar';
$data["billingAddressDistrict"]='Jardim Paulistano';
$data["billingAddressPostalCode"]='01452002';
$data["billingAddressCity"]='Sao Paulo';
$data["billingAddressState"]='SP';
$data["billingAddressCountry"]="BRA";
$buildQuery=http_build_query($data);
$url = "https://ws.sandbox.pagseguro.uol.com.br/v2/checkout";
$curl = curl_init($url);
curl_setopt($curl,CURLOPT_HTTPHEADER,Array("Content-Type: application/x-www-form-urlencoded; charset=UTF-8"));
curl_setopt($curl,CURLOPT_POST,true);
curl_setopt($curl,CURLOPT_SSL_VERIFYPEER,false);
curl_setopt($curl,CURLOPT_RETURNTRANSFER,true);
curl_setopt($curl,CURLOPT_POSTFIELDS,$buildQuery);
$return = curl_exec($curl);
curl_close($curl);
$xml = simplexml_load_string($return);
echo $xml->code;