$ .ajax和JSONP。 ParseError和Uncaught SyntaxError:意外的令牌:

时间:2012-05-08 22:14:26

标签: jquery ajax json

首先,我一直在寻找几个主题中我的问题的答案,但我找不到适用于我的代码的解决方案。

我正在尝试从servlet获得答案,如果我转到http://XXXZZZ/Servlet/Login?login=pepe&pass=1234我会按预期收到有效的JSON:

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

但是当我尝试使用$ .ajax时,我得到2个错误。

$.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);
    }
});

第一个错误(在弹出窗口中):

parsererror Error: jQuery17104145435250829905_1336514329291 was not called

第二个错误(在Chrome控制台中):

Uncaught SyntaxError: Unexpected token : Login 1

(还有我正在等待的JSON)。

P.S。我必须使用dataType:“jsonp”,因为如果我使用“json”,我也会遇到跨域问题。

3 个答案:

答案 0 :(得分:21)

如果您使用的是jsonp,则语法错误

您需要返回

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

并添加到您的ajax请求选项

jsonp: false,
jsonpCallback: "myJsonMethod"

所以

$.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);
    }
});

并且当然将success修复为@voyager注明

答案 1 :(得分:11)

succes : function(data){

这是一个错字:

success : function(data){

答案 2 :(得分:1)

首先,你的成功参数中有一个拼写错误;你错过了结局。此外,当您执行JSONP请求时,您需要以JSONP格式返回JSON信息;其中应包含回调标记作为返回字符串的一部分。一个示例JSONP字符串看起来像这样:

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

有关JSONP规范的更多信息,请查看此页面:http://devlog.info/2010/03/10/cross-domain-ajax/