$ .ajax und JSONP. ParseError und Uncaught SyntaxError: Unerwartetes Token:

Question

Zuerst habe ich nach der Antwort auf mein Problem in mehreren Themen gesucht und ich konnte keine Lösung finden, die mit meinem Code funktioniert.

Ich versuche, die Antwort von einem Servlet zu bekommen, wenn ich http://XXXZZZ/Servlet/Login?login=pepe&pass=1234 gehen JSON Ich erhalte gültig wie erwartet:

{"id":3,"login":"pepe","key":"0D1DBA4BE87E02D43E082F9AA1ECFDEB"} 

Aber wenn ich das gleiche versuchen mit $ Schnipsel, erhalte ich zwei Fehler .

$.ajax({ 
    type : "Get", 
    url :"http://XXXZZZ/Servlet/Login", 
    data :"login="+login+"&password="+pass, 
    dataType :"jsonp", 
    success : function(data){ 
    alert(data);}, 
    error : function(httpReq,status,exception){ 
    alert(status+" "+exception); 
    } 
}); 

erster Fehler (im Popup-Fenster):

parsererror Error: jQuery17104145435250829905_1336514329291 was not called 

Zweiter Fehler (in der Chrome-Konsole):

Uncaught SyntaxError: Unexpected token : Login 1 

(Und es gibt die JSON Ich warte auf).

P.S. Ich muss dataType verwenden: "jsonp", denn wenn ich "json" verwende, habe ich auch Probleme mit der Cross-Domain.

Answer 1

succes : function(data){ 

Das ist ein Tippfehler:

success : function(data){ 

Answer 2

First off Sie einen Tippfehler in Ihren Erfolg Parameter haben; Du hast das Ende verpasst. Wenn Sie eine JSONP-Anfrage ausführen, müssen Sie Ihre JSON-Informationen im JSONP-Format zurückgeben. Das sollte das Callback-Token als Teil der Rückgabezeichenfolge enthalten. Eine Probe JSONP Zeichenfolge aussehen würde, mag dies:

yourcallbacktoken({"id":3,"login":"pepe","key":"0D1DBA4BE87E02D43E082F9AA1ECFDEB"}) 

für weitere Informationen über die JSONP Spezifikationen auf dieser Seite Werfen Sie einen Blick: http://devlog.info/2010/03/10/cross-domain-ajax/

Answer 3

Wenn Sie JSONP dann die Syntax falsch verwenden ist

Sie müssen

myJsonMethod({"id":3,"login":"pepe","key":"0D1DBA4BE87E02D43E082F9AA1ECFDEB"}); 

zurückkehren und auch auf Ihre ajax-Request-Optionen hinzufügen

jsonp: false, 
jsonpCallback: "myJsonMethod" 

so

$.ajax({ 
    type : "Get", 
    url :"http://XXXZZZ/Servlet/Login", 
    data :"login="+login+"&password="+pass, 
    dataType :"jsonp", 
    jsonp: false, 
    jsonpCallback: "myJsonMethod", 
    success : function(data){ 
     alert(data);}, 
    error : function(httpReq,status,exception){ 
     alert(status+" "+exception); 
    } 
}); 

(und Gängen beheben die success als @voyager angegeben)