(Resolvido) Tratar retorno no XMLHttp

wvrosario · Julho 31, 2009

Pessoal,

Preciso tratar essas informações que são retornadas do link dos correios, queria tratar isso no javascript e depois exibir via innerHTML, tem como?? alguém poderia me ajudar? sei que tenho que fazer isso a DOM, mas cruzar o DOM com XMLHttp ?? como??

por favor ficaria muito grato!

Atc,

William

<html>
<head>
&lt;script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
  {// code for IE7, Firefox, Opera, etc.
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.open("GET",url,false);
  xmlhttp.send(null);
  document.getElementById('A3').innerHTML=xmlhttp.responseText;
  }
else
  {
  alert("Your browser does not support XMLHTTP.");
  }
}
</script>
</head>

<body>
<p><b>Response:</b>
<br /><span id="A3"></span>
</p>

<button onclick="loadXMLDoc('http://www.correios.com.br/encomendas/precos/calculo.cfm?cepOrigem=15085893&cepDestino=15040190&peso=3&MaoPropria=N&avisoRecebimento=N&resposta=xml')">Get XML</button>

</body>
</html>

Jonathan Queiroz · Julho 31, 2009

Não é possível utilizar AJAX para sites externos. O ideal é você criar uma página em uma linguagem server-side (PHP, por exemplo) que busque os dados no outro site e retorne os dados que você quiser via AJAX, para utilizá-los com javascript.

wvrosario · Agosto 1, 2009

Amigo, você já rodou esse script q coloquei em anexo ele funciona so quero um jeito de formatar o retorno da string!

Jonathan Queiroz · Agosto 1, 2009

Como assim "tratar o retorno" ?

Onde está sua dúvida, mais especificamente ?

wvrosario · Agosto 1, 2009

Quando você clica no botao, ele te retorna uma string separada por espaco, quero poder pegar cada pedaco da string!

Ex: 1 Sedex MG Capital MG Interior

Quero q fique assim.

Var1 = 1

Var2 = Sedex

Var3 = MG

Abs

Jonathan Queiroz · Agosto 1, 2009

Utilize o método split da classe string

resultado="1 Sedex MG"
var a=resultado.split(" ")
/*
a[0] - 1
a[1] - Sedex
a[2] - MG
*/

wvrosario · Agosto 1, 2009

amigo fiz do jeito que você falou e não traz valor nenhum..

<html>
<head>
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
  {// code for IE7, Firefox, Opera, etc.
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.open("GET",url,false);
  xmlhttp.send(null);
  //document.getElementById('A3').innerHTML=xmlhttp.responseText;
  
  var resultado = xmlhttp.responseText;
  
  var a = resultado.split(" ");
  
  document.getElementById('A3').innerHTML= a[2];
  
  }
else
  {
  alert("Your browser does not support XMLHTTP.");
  }
}
</script>
</head>

<body>
<p><b>Response:</b>
<br /><span id="A3"></span>
</p>

<button onclick="loadXMLDoc('http://www.correios.com.br/encomendas/precos/calculo.cfm?cepOrigem=15085893&cepDestino=15040190&peso=3&MaoPropria=N&avisoRecebimento=N&resposta=xml')">Get XML</button>

</body>
</html>

Jonathan Queiroz · Agosto 1, 2009

Tente dar um alert na variável resultado e no valor do array.

Obs.:

Recomendo que utilize o AJAX de forma assíncrona (para isso deixe o terceiro parâmetro do método open como true e utilize o evento onreadystatechange juntamente com a propriedade readyState para verificar se a requisição foi concluída)

wvrosario · Agosto 1, 2009

como eu faço isso?

poderia me ajudar?

Jonathan Queiroz · Agosto 1, 2009

alert("retorno do ajax: \n"+resultado+"\n\nvalor:\n"+a[2])

wvrosario · Agosto 1, 2009

cara desculpa não entendi nada do passo anterior aonde você falou para colocar true... e etc..

Obs.:

Recomendo que utilize o AJAX de forma assíncrona (para isso deixe o terceiro parâmetro do método open como true e utilize o evento onreadystatechange juntamente com a propriedade readyState para verificar se a requisição foi concluída)

podia alterar o meu codigo com essas alteracoes?

desde já obrigado!

Jonathan Queiroz · Agosto 1, 2009

A diferença entre essas duas formas é na forma como a requisição é feita. Da forma que você está fazendo o navegador fica "travado" até que a requisição seja completada

Ao invés de:

xmlhttp.open("GET","sua_url",false)
xmlhttp.send(null)
var retorno=xmlhttp.responseText
alert(retorno)

Você pode utilizar:

xmlhttp.open("GET","sua_url",true)
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){ //Se xmlhttp.readyState for 4 a requisição está completa
var retorno=xmlhttp.responseText
alert(retorno)
}
}
xmlhttp.send(null)

Recomendo também que dê uma olhada em alguns links desse tópico: Lista de Cursos para a linguagem JavaScript

Mas você conseguiu resolver o problema ?

wvrosario · Agosto 1, 2009

olha fiz do jeito que você falou..

segue codigo.

<html>
<head>
<script type="text/javascript">
    var xmlhttp;
    function loadXMLDoc(url)
    {
        xmlhttp=null;
        if (window.XMLHttpRequest)
        {// code for IE7, Firefox, Opera, etc.
            xmlhttp=new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
          {// code for IE6, IE5
              xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
        if (xmlhttp!=null)
        {
            xmlhttp.open("GET",url,true);
            xmlhttp.onreadystatechange=function(){
            
                if(xmlhttp.readyState==4){ //Se xmlhttp.readyState for 4 a requisição está completa
                    var retorno=xmlhttp.responseText;
                    alert(retorno);
                    document.getElementById('A3').innerHTML= retorno;
                }
            }
            xmlhttp.send(null);
        }
        else
          {
            alert("Your browser does not support XMLHTTP.");
        }
    }
</script>
</head>

<body>
<p><b>Response:</b>
<br /><span id="A3"></span>
</p>

<button onclick="loadXMLDoc('http://www.correios.com.br/encomendas/precos/calculo.cfm?cepOrigem=15085893&cepDestino=15040190&peso=3&MaoPropria=N&avisoRecebimento=N&resposta=xml')">Get XML</button>

</body>
</html>

retorno no alert é igual a página da correios...

Jonathan Queiroz · Agosto 1, 2009

Nesse código você não utilizou o split para separar a string. Faça isso e verifique também o resultado do alert desse valor.

wvrosario · Agosto 2, 2009

depois de muito apanhar eu consegui...

obrigado pela ajuda!

Entrar

(Resolvido) Tratar retorno no XMLHttp

Pergunta

Link para o comentário

Compartilhar em outros sites

14 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns