jQuery.getJSON( url, [数据], [回调] )

Question

我正在尝试使用 jQuery 的 $.getJSON() 从 Google 检索汇率。使用请求:“http://www.google.com/ig/calculator?hl=en&q=1USD=?CAD”

返回一个简单的 JSON 文件:

{
  lhs: "1 U.S. dollar",
  rhs: "1.03800015 Canadian dollars",
  error: "",
  icc: true
}

我使用以下 jQuery 函数来获取加元金额:

$(document).ready(function(){
    $.getJSON("http://www.google.com/ig/calculator?hl=en&q=1USD=?CAD?&label=rhs&format=json&jsoncallback=?",
              function(data){
                  alert(data);
              });
});
</script>

Fire bug 显示正确的 JSON 文件，但指示使用了无效标签。

Answer 1

Google 返回纯 JSON，不支持 JSONP(= 封装在回调中的 JSON)。

JSONP 看起来像:

callbackFunction({json_object: "some_data"})

浏览器可以从其他域加载 JSONP 数据，就像可以从其他域加载脚本标签中的 JavaScript 一样。纯 JSON 数据无法作为 JavaScript 执行，这就是它无法从其他域加载到脚本标签内的原因。

在这种特定情况下，Google 可以通过使用简单的 AJAX(因为它是同一域)在 iGoogle 上获取 JSON，但您无法从浏览器内部从您的域请求它。但是，您可以在服务器上查询它，处理结果并将其发送到客户端(您的服务器充当代理)。