angularjs http remote api failing to load

StackOverflow https://stackoverflow.com/questions/23554044

  •  18-07-2023
  •  | 
  •  

Question

Could someone please run this code on their localhost, I have been trying to figure out why the first GET returns an empty response and the second GET returns expected response but indicates its malformed. Any help would be greatly appreciated.

<!DOCTYPE html>
<html lang="en-gb" ng-app="app">
<body>
  <div ng-controller="mainController"></div>

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
  <script>
    var app = angular.module('app',[]).controller('mainController', function($scope, $http){

    $scope.baseUrl = "http://api.nestoria.co.uk/api?action=echo&encoding=json&foo=bar";
    //$scope.baseUrl = 'http://www.iNorthwind.com/Service1.svc/getAllCustomers';

    // Works but no response content
    $http({method: 'GET', url: $scope.baseUrl})
     .success(function(data,status){
      console.log( data);
     });

    // Works but console states malformed jsonp, but has response content.      
   $http({method: 'jsonp', url: $scope.baseUrl + "&callback=JSON_CALLBACK'})
     .success(function(data,status){
      console.log( data);
    });   
  });
 </script>
</body>
</html>

Thanks

Was it helpful?

Solution

On the second one you have a mismatched quotation after CALLBACK

   $http({method: 'jsonp', url: $scope.baseUrl + "&callback=JSON_CALLBACK"})
     .success(function(data,status){
      console.log( data);
    });
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top