AngularJS中的JSONP请求不像在jQuery中那样工作

Question

我想使用AngularJS的$http服务请求Dailymotion API，但它似乎不像在jQuery中那样工作。

var url = 'https://api.dailymotion.com/videos?fields=id,audience,onair&ids=xzttq2_c,xrw2w0';

使用 jQuery 请求

jQuery.ajax({
  type: 'GET',
  url: url,
  dataType: 'jsonp',
  success: function(data) {
    console.log('Success', data);
  },
  error: function(data) {
    console.log('Error', data);
  }
});

结果

使用jQuery，它可以正常工作。我不必使用回调。

Success 
Object {page: 1, limit: 10, explicit: false, has_more: false, list: Array[2]}

使用 AngularJS 请求

$http({
    method: 'jsonp',
    url: url,
    responseType: "json"
}).
success(function (data) {
    console.log('Success', data);
}).
error(function (data) {
    console.log('Error', data);
});

结果

但是对于Angularjs，它并没有像我预期的那样工作。

Uncaught SyntaxError: Unexpected token : 

Answer 1

将此添加到您的网址：&callback=JSON_CALLBACK .

工作： http://jsfiddle.net/dqcpa/

来自jQuery的ajax方法文档：

"jsonp"：使用 JSONP 在 JSON 块中加载。添加额外的"？callback=？" 用于指定回调的 URL 的末尾。