javascript - 来自 Google/Bing 的带有自动完成功能的自定义框。有没有办法读取接收到的json文件？

Question

我尝试构建一个带有搜索框的网页。我想使用 Bing 的自动完成选项(例如)。

可以通过以下方式从 bing 获取自动完成:

http://api.bing.com/osjson.aspx?query=YOUR_QUERY

我写了一些带有自动完成小部件的代码，要求将 json 获取为 jsonp，我成功地看到(在 Fiddler 中)json 到达了。但是因为它仅作为 json 到达，而不是所需的格式，所以我得到了 parseError。 (我在error函数里看到了，success函数没有调用)

我的代码中的相关部分是:

    $( "#mySesearchBox" ).autocomplete({
      source: function( request, response ) {
        $.ajax({
          url: "http://api.bing.com/osjson.aspx?query=" + request.term,
          dataType: "jsonp",
          ...

有什么办法可以克服这个问题吗？

我想过运行一些服务器来获取这样的查询，从 Bing 请求 json 并以所需的格式响应。但是，我更喜欢更简单的解决方案。

有什么建议吗？

Answer 1

完整的工作演示:http://jsfiddle.net/LxXJz/

这使用:http://api.bing.net/qson.aspx

或

在这里你可以像这样“测试”Demo:http://jsfiddle.net/zNUBc/

• .getJSON:http://api.jquery.com/jquery.getjson/

轻弹你的整个代码，或者一个 fiddle ，我可能会为你整理出来:)希望这个演示对你有帮助。

代码

var url = 'http://api.bing.com/osjson.aspx?JsonType=callback&JsonCallback=?';
$.getJSON(url, {
    query: 'hulk'
}, function (data) {
    document.write(data)
});

更新 16 小时后 :)

这里是使用的解决方案:http://api.bing.com/osjson.aspx

演示=> http://jsfiddle.net/pW6LZ/

仔细看这个截图: