Ejemplo JSONP jQuery (Google Search Form)

by JuanMa Garrido

HTML

<input></input>
<button>Search in Google</button>
<ol></ol>

JavaScript

$("button").click( function() { 
    
    /** Llamada AJAX JSONP con jQuery **/
    $.ajax({
        url: "http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q="+$("input").val(),
        dataType: "jsonp",
        success: function( response ) {
            $.each( response.responseData.results, function( index, result ) {
                link_result = $("<a>", { href: result.url, title:result.titleNoFormatting } ).html(result.title)
                $("<li>").html(link_result).appendTo("ol")
            });
        }
    });
    
})