YQL google query

by psyne

HTML

<div id="wrapper">    
    <form id="searchform" method="post" action="">
        <input autocomplete="off" tabindex="1" type="text" name="term" id="term" />
        <input id="gsearch" type="submit" name="gsearch" value="Search" />
    </form>
</div>
<div id="output"></div>

CSS

p{margin:1em 0}

JavaScript

$('#searchform').submit(function()
{
    var term = $('#term').val();
    mysearch(term);
    return false;
});


function mysearch(term)
{
    var output = $('#output');
    output.html('');

    /* Die eigentliche YQL Abfrage */
    var myQuery = 'select title, content, url from google.search where q = "' + term + '" and gl="de" and hl="de"'

    /* URL zum Ergebnis (JSON) */
    var yql = 'http://query.yahooapis.com/v1/public/yql?q=' + encodeURIComponent(myQuery) + '&format=json&diagnostics=false&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=?';

    /* Auswertung und Ausgabe */
    $.getJSON(yql, function(results)
    {
        var resultArr = results.query.results.results;
output.append('<p>' + yql + '</p>');        
        $.each(resultArr, function(i, val)
        {
            output.append('<p>' + val.title + '<br />' + val.content + '<br />' + val.url + '</p>');
        });
    });
}