Erro Calculo de frete com javascript

Front-end
, , ,
#1

Bom dia, sou novo na linguagem javascript e jquery, estou com um código que preciso pegar os valores de: frete de origem, destino, tipo do serviço , forma de envio, tamanho, altura, comprimento, largura para retornar o prazo de entrega e o valor do frete em jquery.

Abaixo segue os meus codigos:

Link do codigo COMPLETO

https://app.box.com/s/mqh16gb4x5irzxw573t5i7m6n7jjf4tt

**

HTML

**

Busca de cep

Nome:Calculo frete

Consultar Prazos Preços Correios

CEP Origem:
<input type=“text” id=“cepOrigem” name="cepOrigem"size=“10” maxlength=“8” placeholder=“09900000”>

CEP Destino:

Formato:
Envelope
Rolo
Caixa

Peso:

Altura:


Comprimento:

Largura:


Serviço:
PAC
Sedex
Sedex 10

Calcular

Resultado Valor:

Prazo entrega: 

**

## Estilo css:

**



*{
	margin:0px;
	padding:0px;
}

h1,h2,h3{
	font-family:Arial, sans-serif;
	background-color: #8B8989;
	color: #ffffff;
	width: 810px;
	margin: 0 auto;
	margin-bottom: 10px;

}

.fieldPrazo{
	padding: 10;
}

.divFormulario{
	width: 810px;
	height: 220px;
	background-color:#FFE4C4;
	margin: 0 auto;
}
span{color: #8B6914}

legend{font-size: 26px; color: #B8860B}

label {
        display: inline-block;
        width  : 95px;  
}


input {
    border: 1px solid #FFDEAD;
    padding: 4px;
    margin: 2px;
    background-color: #FDF5E6;
    font-family:Verdana;
    font-size:10px;
}
    
#botao {
    padding: 4px;
    margin: 2px 2px -3px 750px;
    font-family:Verdana;
    font-size:10px;
    border-radius:4px;
}
#estiloResultado{background-color:#FFE4C4;}



**

## Script:

**



function calcularFrete() {
    alert ("teste funciona");

    var cepOrigem = $('#cepOrigem').val();
    var cepDestino = $('#cepDestino').val();
    var peso = $('#peso').val();
    var comp = $('#comp').val();
    var largura = $('#largura').val();
    var altura = $('#altura').val();
    var formato = $('#formato').val();
    var valor = $('#valor').val();
    //var servico = $('#servico').val();

var url = "http://ws.correios.com.br/calculador/CalcPrecoPrazo.aspx?";
    url .= "&nCdEmpresa =". "";
    url .= "&sDsSenha =" . "";
    url .= "&sCepOrigem = ". cepOrigem;
    url .= "&sCepDestino = ". cepDestino;
    url .= "&nVlPeso = ". peso;
    url .= "&nVlLargura = ". largura;
    url .= "&nVlAltura = ". altura;
    url .= "&nCdFormato = ". formato;
    url .= "&nVlComprimento = ". comp;
    url .= "&sCdMaoPropria = n";
    url .= "&nVlValorDeclarado = " . valor;
    url .= "&sCdAvisoRecebimento =  n";
    url .= "&nCdServico = ". "'41106'";
    url .= "&nVlDiametro = n";
    url .= "&StrRetorno = xml";
   
   var xml = simplexml_load_file(url);
    return xml;
    console.log(cServico);
}

}

Apartir do script não sei mais o que fazer, como teste gerei o console.log(cServico); para ver se o codigo funcionava.

Criei apartir de alguns tutoriais, os valores de prazo e preço devem retornar nos campos:
id=“prazo” e id=“valor”

Quem puder me ajudar agradeceria muito.

#2

Olá Animes_Nipon,

Notei que você está concatenando de forma incorreta. No Javascript usamos “+” e não “.”. Outro detalhe é que há um erro na linha 30. Isso “->” não é válido do javascript. Sem falar que essas linhas não fazem muito sentido…

Talvez tu tenhas conhecimento em outra linguagem e isso é ótimo! Só tem que cuidar com sintaxe ao usar javascript.

Outro detalhe que ao executar seu código da um erro “Trabalho%20ddw/jquery.correios.min.js net::ERR_FILE_NOT_FOUND” Imagino que o jquery deveria ser “jquery-3.1.0.min”

Sugiro começar com essas modificações e ir aos poucos.

Sei que não é a ajuda que procuras. Mas tente o que falei e nos diga o que aconteceu :slight_smile:

#3

Outra coisa, de uma olhada nesse código aqui https://www.vivaolinux.com.br/script/Calculo-de-frete-correios-utilizando-Ajax Talvez possa ser útil :slight_smile:

Está bem explicado e tu pode integrar com o que tu tem.

#4

Obrigado pela dica irei olhar sim, vlw.

#5

kkk, sim estou Confundindo um pouco,mas obrigado pela dica já avaliei os erros