7

Gostaria de saber como faço para ler conteúdo de outras paginas da web utilizando apenas javascript ou alguma biblioteca.

Por exemplo, de um site de noticias remoto, no caso: www.terra.com.br.

E eu gostaria de criar uma webapp para ler as últimas notícias apresentadas nessa pagina, sendo que a mesma não tem RSS e etc.

Eu sei dos problemas que poderiam ocorrer caso as paginas que eu estou me alimentando mude o layout ou qualquer coisa do tipo.

Teria alguma forma de fazer isso?

4
  • Para qual SO? Tem que ser webapp mesmo? Commented 3/03/2014 às 14:03
  • tanto faz o SO né? Posso fazer uma pagina web e rodar em algum webview.
    – peterq
    Commented 3/03/2014 às 14:17
  • 1
    Era essa minha dúvida, se era pra algum específico ou pra todos. Commented 3/03/2014 às 14:22
  • ahh ok, tudo certo :)
    – peterq
    Commented 3/03/2014 às 14:33

1 Resposta 1

10

Pode fazer diretamente uma requisição AJAX para o servidor, assim:

xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        var html = xmlhttp.responseText;
        processPage(html);
    }
}

xmlhttp.open("GET", "http://www.terra.com.br/", true);
xmlhttp.send();

Note que dependendo do servidor você pode ter problemas com requisições cross-origin. Uma forma simples de burlar isso é usar um serviço como o whateverorigin.org. Nesse caso fica assim:

xmlhttp.open("GET", "http://whateverorigin.org/get?url=" + 
                    encodeURIComponent("http://www.terra.com.br/"), true);
14
  • ok perfeito... mas como faço para manipular o conteúdo? No caso eu quero copiar conteúdo de alguma DIV e colocar no meu webapp por exemplo, todo conteúdo da Div de notícias.
    – peterq
    Commented 3/03/2014 às 14:15
  • 1
    Outro site que também permite isso é o corsproxy.com, a forma de utilizar ele é, inclusive, mais fácil. xmlhttp.open('GET', 'http://crosproxy.com/www.terra.com.br/'), true); Commented 3/03/2014 às 14:15
  • @ArilsonCarmo Implemente a sua processPage(). Lá você pode usar algum parser de html ou (se for algo muito simples, não recomendo) usar regex mesmo. Depende do que você quer extrair. Commented 3/03/2014 às 14:18
  • 1
    Olhe o exemplo: jsfiddle.net/TG8Bm Commented 3/03/2014 às 14:36
  • 1
    BTW andei pesquisando como que o jQuery lida com strings de HTML sem processar os scripts: .parseHTML, .buildFragment. É semelhante ao meu exemplo, só que usando documentFragments e com resolução de bugs. Commented 3/03/2014 às 14:40

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .