【问题标题】：Not a Legal JSONP API -- How to get data without CALLBACK parameter不是合法的 JSONP API——如何在没有 CALLBACK 参数的情况下获取数据
【发布时间】：2017-11-28 19:54:13
【问题描述】：

Angular 1.6 - JSONP 抛出异常，尽管响应状态为：200 Ok for URL

我试图从 JSONP 端点获取一些数据。看起来数据正在响应中返回，但 Angular 仍然抛出错误。

var url = "https://careers.icims.com/jobs-api/"

var trustedUrl = $sce.trustAsResourceUrl(url);

$http.jsonp(trustedUrl, {jsonpCallbackParam: 'jobs'}).then(function(res){

    console.log(res); // this is never executed :.(

});

我收到以下错误：Uncaught ReferenceError: jobs is not defined at jobs-api?jobs=angular.callbacks._0:1 其中jobs 指的是我的 JSONP 前缀

但响应返回 JSONP 脚本：

为什么会抛出这个异常以及如何清除它？我在 Angular 1.6.0

【问题讨论】：

您没有名为 jobs 的函数 - 该 API 始终返回调用名为 jobs 的函数的 JSONP
不会在then() 的范围内隐式定义jobs 吗？尽管如此，我将在什么范围内定义jobs。我尝试在 jsonp 调用上方简单地定义 function jobs(){} 但没有运气
工作需要是全球性的

标签： javascript angularjs json jsonp

【解决方案1】：

不是合法的 JSONP API

该 URL 的 API 不是 legal JSONP API.

可以通过危险的服务获得：

app.service("dangerousAPI", function($q) {
  this.get = get;
  
  function get(funcName, url) {
    var dataDefer = $q.defer();
  
    window[funcName] = function(x) {
      dataDefer.resolve(x);
    }

    var tag = document.createElement("script");
    tag.src = url;

    document.getElementsByTagName("head")[0].appendChild(tag);
    
    return dataDefer.promise;
  }
})

使用风险自负。

The DEMO

angular.module("app",[])
.service("dangerousAPI", function($q) {
  this.get = get;
  
  function get(funcName, url) {
    var dataDefer = $q.defer();
  
    window[funcName] = function(x) {
      dataDefer.resolve(x);
    }

    var tag = document.createElement("script");
    tag.src = url;

    document.getElementsByTagName("head")[0].appendChild(tag);
    
    return dataDefer.promise;
  }
})

.run(function($rootScope, dangerousAPI) {
    var url = "https://careers.icims.com/jobs-api/";
    dangerousAPI.get('jobs',url).then(function(data) {
      $rootScope.data = data;
    })
})

<script src="//unpkg.com/angular/angular.js"></script>
  <body ng-app="app">
    <h1>Dangerous API DEMO</h1>
    <pre>{{data | json}}</pre>
  </body>

【讨论】：

这成功了！谢谢！如果你愿意放纵我，这个 API 不合法和危险怎么办？
标准 JSONP 接受一个回调参数来定义填充函数的名称。此示例代码绕过浏览器 Same Origin Policy 和 AngularJS 安全措施，用于 URL 清理和其他使 JSONP 调用更安全的机制。有关详细信息，请参阅Is JSONP safe to use?。
另见AngularJS $http Service - Security Consideration。
另见AngularJS Developer Guide - Security。还有AngularJS Developer Guide - Migrating to V1.6 $http JSONP。