Google Search Demo
Example of using Google's Search API with jQuery and JSON
function loadData(startIndex)
{
$("#results").text("");
$("#more").text("");
var searchText = $("#txtSearchGoogle").val();
if (startIndex == undefined)
{
startIndex = 0;
}
console.log(startIndex);
$.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=" + searchText +
"&v=1.0&rsz=large&start=" + startIndex + "&callback=?",
// on search completion, process the results
function (data) {
if (data.responseData.results &&
data.responseData.results.length > 0)
{
var results = data.responseData.results;
var htmlResults = '';
for (var i=0; i < results.length; i++)
{
// Display each result however you wish
htmlResults += "" +
results[i].content + "
";
}
$("#results").append(htmlResults);
var htmlMore = '
';
var cursor = data.responseData.cursor;
for (var j=0; j < cursor.pages.length; j++)
{
htmlMore += "
" +
cursor.pages[j].label + " ";
}
$("#more").append("
" + htmlMore);
}
});
}
Enter something to search for and hit [Enter]: