*   >> Leitura Educação Artigos >> science >> programação

Criando uma atualização de status do Twitter ao vivo com YQL e JavaScript


O segundo é uma visão de árvore do objeto que é retornado a partir dessa consulta. Isso nos permite saber como acessar as propriedades de JavaScript.


Esta aplicação vai realmente fazer uso da tabela de twitter.user.timeline. Isso ocorre porque a tabela de twitter.user.status não inclui a imagem do perfil usuários do twitter. O link para a tabela de twitter.user.timeline no Console YQL não tem uma consulta de exemplo, em vez de devolver o twitter.user.

timeline desc consulta padrão, que retorna os detalhes da própria tabela, em vez de executar uma consulta sobre os dados que o mesas detém. No entanto, podemos consultar a tabela de twitter.user.timeline assim como a tabela de twitter.user.status com select * from twitter.user.timeline onde id = 'mcasperson'.


Passo 2 - Crie um documento HTML básico

Com o YQL URL na mão, agora precisamos de escrever algum código. Para demonstrar esta aplicação, primeiro precisamos de um arquivo HTML simples.

O código abaixo mostra o esboço do documento HTML


Passo 3 -. Adicione um link para jQuery

Por conveniência, vamos usar a biblioteca jQuery, o que nos permite modificar facilmente os elementos HTML, bem como chamar o serviço YQL. Você pode obter uma cópia do jQuery para si mesmo aqui. O código a seguir, adicionado na tag, inclui o código jQuery na nossa página

Passo 4 -. Atualize a página quando ele for exibido primeiro

Um problema comum em JavaScript ocorre quando você quiser processar a página quando ela é carregada pela primeira vez.

O evento window.onload é normalmente usado para realizar esse processamento inicial, mas este evento é chamado antes de todos os elementos HTML estão prontos, o que significa JavaScript que faz referência elemets específicas no HTML DOM irá falhar. Felizmente jQuery fornece uma maneira conveniente para executar JavaScript quando o HTML DOM é inicializado através de $ (document) .ready. . Aqui definimos a função queryYQL a ser chamado uma vez que o documento está pronto

$ (document) .

ready (queryYQL);

Passo 4 - Chamando o serviço YQL

A função queryYQL é onde nós realmente chamar o serviço YQL e, em seguida, exibir os resultados. Na etapa 1, obtivemos uma cópia do URL que irá consultar um status de usuários do Twitter de YQL. Você pode copiar esse em linha reta em seu código sem qualquer problema (contanto que você definir a função de retorno de chamada para em vez

Page   <<  [1] [2] [3] [4] [5] >>

Copyright © 2008 - 2016 Leitura Educação Artigos,https://artigos.nmjjxx.com All rights reserved.