使用jQuery获取Json数据意外的令牌:

时间:2013-06-12 08:52:06

标签: javascript jquery json jsonp

我正在尝试从我找到的Google API中获取一些数据。麻烦的是我找不到这个ASP的文档(它必须是秘密的)。出于某种原因,我无法从以下链接中提取JSON数据。

http://www.google.com/ig/calculator?hl=en&q=1GBP=?USD&callback=?

我的错误显示在我的JSFiddle

我收到错误:“Uncaught SyntaxError:Unexpected token:”

对此的任何帮助都会很棒。

1 个答案:

答案 0 :(得分:0)

计算器API不会返回有效的JSON。标签未引用,因此无法直接解析。您可以做的唯一事情是在让jQuery解析JSON之前尝试手动将引号添加到标签。这将使其有效。

{lhs: "1 British pound",rhs: "1.5637 U.S. dollars",error: "",icc: true}
 ^ no quotes

下面是一个快速而肮脏的解决方案,用自己替换每个标签并添加引号。这不是很强大,因为每个标签都是硬编码的,但它应该给你正确的想法。

        var data = '{lhs: "1 British pound",rhs: "1.5637 U.S. dollars",error: "",icc: true}';            
             data = data.replace('lhs:', '"lhs":');
             data = data.replace('rhs:', '"rhs":');
             data = data.replace('error:', '"error":');
             data = data.replace('icc:', '"icc":');

            data = JSON.parse(data);

            for(i in data) {
                content = data[i];
                $("#data-list").append(content.text + "<hr />");
            }

要绕过相同的原始策略,我会通过同一域上的服务器端脚本代理API请求。

jQuery支持JSONP,但问题是jQuery会在我们修改它之前尝试解析JSON。