vamos começar mostrando como sera a url que utilizaremos, a API
http://developers.agenciaideias.com.br/correios/frete/json/cep origem/cep destino/peso/valor
o cep sempre formatado assim: 05311900
o peso : O valor mínimo para o cálculo do frete nos Correios é 300g, se o somatório dos pesos dos itens for diferente de zero e menor que 300g, o frete será calculado utilizando o valor mínimo (300g).
O valor máximo que pode ser utilizado no cálculo do frete é 30Kg (30.000g), se o somatório do peso dos itens ultrapassar este valor, o frete não será calculado e será assumido o valor zero.
valor : O valor máximo do somatório dos itens que pode ser utilizado no cálculo de frete é R$10.000,00, se este valor for ultrapassado o frete não será calculado e será assumido valor zero.
Vamos criar um formulário para receber o cep do usuario, este será o único dado necessário para calcular o frete que o cliente deve informar.
<form name="calculo">
<p> <input type="text" name="cep" id="cep">
<input id="botao" type="button" value="calcular"> </p>
<p id="resultado"></p>
</form>
Quando clicar no botão calcular, receberemos o cep e jogamos em uma variável
$("#botao").click(function () {
var cep = $("#cep").val();
verificamos se foi informado algum cep
if (cep != "") {
Quanto aos dados de cep de origem (de onde vai ser postado o produto), o peso e o valor nós informaremos por variaveis, estes dados podem vir de um banco de dados se quiser
var cep_origem = "05311900";
var peso = "0.300";
var valor = "200.00";
Montamos a url que irá retornar o arquivo json
var url = "http://developers.agenciaideias.com.br/correios/frete/json/"+ cep_origem +"/"+ cep +"/"+ peso +"/" +valor;
Recebemos o json e lemos jogando os valores no paragrafo resultado
$.getJSON(url, function(retorno) {
$("#resultado").html("SEDEX: R$"+ retorno.sedex + "<br>" + " PAC: R$"+retorno.pac);
});
Vou deixar o código completo e o arquivo para download
<!DOCTYPE html>
<html lang="pt_br">
<head>
<title> frete correios </title>
<script type= "text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" ></script>
<script type="text/javascript">
$(document).ready(function () {
$("#botao").click(function () {
var cep = $("#cep").val();
if (cep != "") {
var cep = $("#cep").val();
var cep_origem = "05311900";
var peso = "0.300";
var valor = "200.00";
var url = "http://developers.agenciaideias.com.br/correios/frete/json/"+ cep_origem +"/"+ cep +"/"+ peso +"/" +valor;
$.getJSON(url, function(retorno) {
$("#resultado").html("SEDEX: R$"+ retorno.sedex + "<br>" + " PAC: R$"+retorno.pac);
});
} else {
$("#resultado").text("Informe o cep");
}
});
});
</script>
</head>
<body>
<form name="calculo">
<p> <input type="text" name="cep" id="cep">
<input id="botao" type="button" value="calcular"> </p>
<p id="resultado"></p>
</form>
</body>
</html>
clique aqui para baixar o código completo
Olá vou premiar você por acompanhar este blog abaixo você pode baixar gratuitamente o ebook
COMO CRIAR INFORPRODUTOS E GANHAR MUITO DINHEIRO
Nenhum comentário:
Postar um comentário