如何从AngularJS中的JSONP API获取数据[重复]

Question

如何使用外部 API 在 Angular JS 中获取客户端 IP 地址？我总是得到响应为“”？我使用的浏览器是 BRAVE

我需要从 Angular 前端获取客户端 API 并将其发送回后端（SPRINGBOOT）。我尝试了许多外部 API，但我得到了“”作为响应数据。如何在 AngularJS 中获得响应？ 我正在使用下面的代码来获取 API 响应。

我试过 http://jsonip.com?callback=? 。它在浏览器和邮递员中运行良好，但是当我尝试 console.log(response.data) 时，输出是“”

$http.get("randomeOnlineAPI").then(handleSuccess, handleRemoteError);

我需要获取 API 响应，然后将收到的 ip 发送回后端。

Answer 1

对于 JSONP API，请使用：¹

 var url = "//api.ipify.org/";
 var trust = $sce.trustAsResourceUrl(url);
 $http.jsonp(trust,{params: {format:'jsonp'}})
   .then(function(response) {
     console.log(response);
     $scope.response = response.data;
 }).catch(function(response) {
     console.log(response);
     $scope.response = 'ERROR: ' + response.status;
 }) 

DEMO on PLNKR

有关详细信息，请参阅

• AngularJS $http Service API Reference - $http.jsonp