Angular JSONP请求

Question

我正在尝试从api调用api.brewerydb.com获取jsonp响应。但是，它在回调时没有使用函数包装json。下面是我的代码：

app.factory('beer', ['$http',function($http){
  var url = "http://api.brewerydb.com/v2/beers?key=MYKEY&application/json&name=oberon&callback=JSON_CALLBACK";

  $http.jsonp(url)
    .success(function(data){
      return data;
    });
}]);

它返回json数据，但是我在一个文件中得到一个语法错误，这个文件的名称是我传递的url，它包含json数据。

我发现api不支持jsonp，这就是为什么这对我不起作用

Answer 1

应用程序您的url可能不正确：‘../

1. /json..’是针对其api文档的可选HTTP_ACCEPT标头，此处为：breweryDB，因此如果不需要，请从var url字符串中删除它。
2. 根据其文档，默认返回类型为JSON，因此如果不需要，则无需传递额外的参数。
3. 根据其<代码>C11尝试此操作(针对端点/Beers)：<代码>H212<代码>G213

var url = "http://api.brewerydb.com/v2/beers?key=MYKEY&name=oberon&callback=JSON_CALLBACK";

1. 去拿啤酒！

编辑:代码在这里：http://jsfiddle.net/r47y3mq3/1/复制/粘贴到您的本地开发环境并使用Safari。

使用Chrome会导致这里讨论的Access-Control-Allow-Origin头问题：access-control

Answer 2

我也遇到了一些类似的问题。您有name=oberon，这是一家啤酒厂，但您正在url中搜索啤酒。

如果你尝试过：

var url = "http://api.brewerydb.com/v2/breweries?key=MYKEY&application/json&name=oberon&callback=JSON_CALLBACK";

...你会得到一大堆奥伯伦啤酒厂的啤酒