Ejemplos JSONP jQuery

by JuanMa Garrido

JavaScript

/** 
    Ejemplo1
    Llamada JSONP con $.ajax
    http://api.jquery.com/jQuery.ajax/ 
**/

$.ajax({
    url: "https://ajax.googleapis.com/ajax/services/search/web",
    data: {
        v: '1.0',
        q: 'casas+alquiler'
    },
    dataType: "jsonp",
    success: function( response ) {
        console.log ( "$.ajax : %o", response.responseData.results );
    }
});

$.ajax({
    url: "https://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=casas+alquiler",
    dataType: "jsonp",
    success: function( response ) {
        console.log ( "$.ajax minimal : %o", response.responseData.results );
    }
});

/**     
    Ejemplo 2
    Llamada JSONP con $.ajax especificando callback
    http://api.jquery.com/jQuery.ajax/ 
**/

function do_things(data) {
   console.log ( "do_things : %o", data.responseData.results );
}

$.ajax({
    url: "https://ajax.googleapis.com/ajax/services/search/web",
    data: {
        v: '1.0',
        q: 'casas+alquiler'
    },
    dataType: "jsonp",
    success: do_things,
});


/** 
    Ejemplo 3
    Llamada JSONP con $.getJSON 
    http://api.jquery.com/jQuery.getJSON/ 
**/

 $.getJSON('http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=casas+alquiler&callback=?', function( googleResults) {
     console.log (  "$.getJSON : %o", googleResults.responseData.results );
});