gpt4 book ai didi

javascript - Not a Legal JSONP API -- 如何在没有 CALLBACK 参数的情况下获取数据

转载 作者:行者123 更新时间:2023-11-30 15:13:53 25 4
gpt4 key购买 nike

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

我正在尝试从 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
在 jobs-api?jobs=angular.callbacks._0:1
其中 jobs 指的是我的 JSONP 前缀

但响应返回 JSONP 脚本: enter image description here

为什么会抛出这个异常,如何清除?我在使用 Angular 1.6.0

最佳答案

不是合法的 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>

关于javascript - Not a Legal JSONP API -- 如何在没有 CALLBACK 参数的情况下获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44751852/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com