jQuery JSONP ruft den Rückruf nicht

Question

Ich habe ein Problem mit Jsonp und Jquery.

Dies ist mein Code -

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

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

jQuery fügt etwas wie ?callback=myCallback&_=1340513330866 my_url und die zurückgegebenen Daten von my_url ist myCallback('abcd') - obwohl sie in Wirklichkeit wird es einige HTML-Code anstelle des abcd zurückkehren.

Problem: abcd ist nicht eingeloggt in console durch myCallback. Also, was mache ich falsch? Ich hatte den Eindruck, dass die zurückgegebenen Daten so ausgeführt werden, wie sie innerhalb von Script-Tags sind.

Answer 1

Wenn Sie eine eigene Funktion zu verwenden, dann müssen Sie explizit deklarieren global. Zum Beispiel:

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

DEMO

---

Erklärung

Jede Funktion, die in Reaktion auf einen erfolgreichen JSONP Antrag muss global sein genannt werden soll. jQuery macht das auch. Dies liegt daran, dass JSONP nichts anderes ist, als eine (dynamisch generierte (meiste Zeit)) JavaScript-Datei mit einem <script>-Tag aufzunehmen, der nur einen Funktionsaufruf enthält. Da jedes Skript global ausgewertet wird, muss die aufgerufene Funktion ebenfalls global sein.

Answer 2

entfernen Apostroph aus der aufgerufenen Methode dies funktionieren wird, überprüfen Sie den Code hier,

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

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

Versuchen Sie, diese fiddle

Answer 3

Warum nicht einfach:

$.getJSON(my_url, myCallback); 

diese Funktion Scoping behandelt und sieht viel einfacher