Wie YQL verwenden Web-Ergebnisse abrufen?

StackOverflow https://stackoverflow.com/questions/1176668

  •  19-09-2019
  •  | 
  •  

Frage

Ich habe Schwierigkeiten, eine einfache HTML-Datei mit Hilfe von JavaScript einrichten, um die Ergebnisse von YQL Abfrage angezeigt werden soll.

Ich verstehe, wie die select-Anweisung zu Setup (Beispiel: Wählen Sie Titel, Abstract, URL von search.web wo query = "Pizza") in der YQL Console. Aber ich weiß nicht, wie es auf der HTML-Datei angezeigt werden?

Kann jemand helfen, zu erklären, wie die Ergebnisse dieser Aussage angezeigt werden? Code-Snippets würde geschätzt!

Übrigens, ich habe die YQL Docs lesen, aber sie sind etwas kompliziert.

War es hilfreich?

Lösung

Der einzige Weg, YQL Ergebnisse über clientseitige JavaScript ist JSON-P (oder durch Verwendung eines zusätzlichen Proxy) abzurufen. Hier ist ein Wrapper für den YQL Service: 

function YQLQuery(query, callback) {
    this.query = query;
    this.callback = callback || function(){};
    this.fetch = function() {

        if (!this.query || !this.callback) {
            throw new Error('YQLQuery.fetch(): Parameters may be undefined');
        }

        var scriptEl = document.createElement('script'),
            uid = 'yql' + +new Date(),
            encodedQuery = encodeURIComponent(this.query.toLowerCase()),
            instance = this;

        YQLQuery[uid] = function(json) {
            instance.callback(json);
            delete YQLQuery[uid];
            document.body.removeChild(scriptEl);
        };

        scriptEl.src = 'http://query.yahooapis.com/v1/public/yql?q='
                     + encodedQuery + '&format=json&callback=YQLQuery.' + uid; 
        document.body.appendChild(scriptEl);

    };
}

Verwendung: 

// Construct your query:
var query = "select * from rss where url='somefeed.com' limit 1";

// Define your callback:
var callback = function(data) {
    var post = data.query.results.item;
    alert(post.title);
};

// Instantiate with the query:
var firstFeedItem = new YQLQuery(query, callback);

// If you're ready then go:
firstFeedItem.fetch(); // Go!!

Weitere Informationen: : http: //james.padolsey.com/javascript/using-yql-with-jsonp/

Andere Tipps

Hier ist ein kleines Beispiel für Sie. Ich habe es die YQL Website mit: 

<html>  
  <head>       
  </head>  
  <body>   
    <script>  
      function top_stories(o){ 
        // parse through the output here:
        var items = o.query.results.item;
        // do whatever you want with the output here:  
        console.log(items[0].title);
      }  
    </script> 
    <script src='http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20rss%20where%20url%3D%22http%3A%2F%2Frss.news.yahoo.com%2Frss%2Ftopstories%22&format=json&diagnostics=false&callback=top_stories'></script>  
  </body>  
</html>

Alles, was es ihm die erste Nachricht Geschichte von Yahoo! 'S Titelseite bekommt

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top