jQuery JSONP no llama a la devolución de llamada

Question

Tengo un problema con jsonp y jquery.

Este es mi código -

var myCallback = function(data) { 
    console.log(data); 
}; 

$.ajax({ 
    url: my_url, 
    type: 'GET', 
    dataType: 'jsonp', 
    jsonp: 'callback', 
    jsonpCallback: 'myCallback' 
}); 

jQuery añade algo así como ?callback=myCallback&_=1340513330866 a my_url y los datos devueltos por my_url es myCallback('abcd') - aunque en realidad se va a regresar algún código HTML en lugar de la abcd.

Problema: abcd no se registra en la consola a través myCallback. Entonces, ¿qué estoy haciendo mal? ¿Tenía la impresión de que los datos devueltos se ejecutarán tal como están dentro de las etiquetas de script?

Answer 1

Si utiliza su propia función, entonces usted tiene que declarar explícitamente como global. Por ejemplo:

window.myCallback = function(data) { 
    console.log(data); 
}; 

DEMO

---

Explicación

Cada función que debe ser llamado en respuesta a una solicitud JSONP exitoso debe ser global. jQuery está haciendo esto también. Esto se debe a que JSONP no es nada más que incluir un archivo JavaScript (generado dinámicamente (la mayoría de las veces)) con una etiqueta <script>, que solo contiene una llamada a la función. Como cada script se evalúa en alcance global, la función que se llama también debe ser global.

Answer 2

Retire sola cita del método llamado esto funcionará, por favor compruebe el código aquí,

var myCallback = function(data) { 
     console.log(data); 
    }; 

$.ajax({ 
    url: my_url, 
    type: 'GET', 
    dataType: 'jsonp', 
    jsonp: 'callback', 
    jsonpCallback: myCallback 
}); 

Prueba este fiddle

Answer 3

Por qué no simplemente:

$.getJSON(my_url, myCallback); 

esta función se encargará de alcance y se ve mucho más simple