Response Object coming null for get request for rest api

Question

I am trying to implement nexmoverify REST API for OTP implementation but response object comig null.I checked in Postman and able to get stringify object from of response object.

var app = angular.module('angularjs-starter', []);
app.config(['$httpProvider', function($httpProvider) {
   $httpProvider.defaults.useXDomain = true;
   delete $httpProvider.defaults.headers.common['X-Requested-With'];
}
]);

app.controller('MainCtrl', function($scope, $http) {


   $scope.addNewChoice = function () {
      console.log('aaaa');
      $scope.res=$http.get("https://api.nexmo.com/verify/json?api_key=56a9b1af&api_secret=XXXXXX&number=919650298011&brand=stayuncle").
         success(function (response) {
            $scope.res = response.data;


         }).
      error(function (response){
            console.log(response);

            $scope.res = response.data;


         });


   };

Code Flow: code flow coming to error() section and then printing null in web console.

Error :

Response object coming null as well as getting this error in web console 

XMLHttpRequest cannot load https://api.nexmo.com/verify/json?api_key=56X9b1af&api_secret=d3XXXX&number=91XX50298011&brand=stayuncle. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

Can someone help me to solve this problem.

Answer 1

The error tells you the problem.

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://localhost:8080 ' is therefore not allowed access.

The REST API server is not configured for CORS, therefore, you are not allowed to access that URL from any origin other than the https://api.nexmo.com/ domain. However, aren't you supposed to be using JSONP?

Reference on CORS

Reference on JSONP