“无效标签”当使用 jQuery 和 jsonp 调用 jsonip.com 时

Question

我快要疯了...执行这段简单的 Javascript 时，Firebug 中不断出现“无效标签”错误：

$(document).ready(function(){
  $.ajax({
    url: "http://jsonip.com",
    dataType: "jsonp",
    success: function(data) {
      alert("success!")
    }
  });
});

Firebug 会说（在控制台选项卡中）：

Invalid label
{"ip":"99.99.99.99"}

带有指向第一个双引号的指针（模拟的 IP 地址）出于明显的原因）。

net 选项卡中的调用符合预期：http://jsonip.com/?callback=jQuery17108684927028894522_1326752040735&_=1326752042159，因此回调参数也已就位。

我正在使用 jQuery 1.7.1。我也用 jQuery 1.6.4 尝试过，但没有成功。

有人...?谢谢！

Answer 1

要指定 jsonip.com 的 JSONP 回调，您必须像这样输入回调名称：

http://jsonip.com/{theCallback}

要使用 jQuery 执行此操作，需要对 ajax 方法进行一些简单的配置。该代码对我有用：

$(document).ready(function() {
    $.ajax({
        url: "http://jsonip.com/theCallbackFunction",
        dataType: "jsonp",
        jsonp: false,
        jsonpCallback: "theCallbackFunction",

        success: function(data) {
            alert(data.ip);
        }
    });
});

问候！

Answer 2

回调函数似乎是作为 url 片段传递的。检查 小提琴

Answer 3

关于 eagleoneraptor 的回答和 lonesomeday 的评论：

您可以动态为回调函数创建一个动态名称，并将该名称附加到 url 中：

$.ajax({
    url: "http://jsonip.com/",
    dataType: "jsonp",
    jsonpCallback:function(){var fnc='cb'+$.now();this.url+=fnc;return fnc;},
    jsonp:false,
    success: function(data) {
      alert(data.ip)
    }
  });

http://jsfiddle.net/doktormolle/YfHYs/

Answer 4

我运行 jsonip.com。

该服务现在支持：

1. CORS
2. 路径回调，http://jsonip.com/myfunc => myfunc({"ip":""})
3. 参数回调， http://jsonip.com/?callback=myfunc => myfunc({"ip":""})

请注意，对于参数回调，需要 ?callback。当然，“myfunc”可以是您想要的任何内容。

有关详细信息，请参阅 http://jsonip.com/about。