angularjs http remote api failing to load

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

  •  18-07-2023
  •  | 
  •  

Vra

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 dit nuttig?

Oplossing

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);
    });
Gelisensieer onder: CC-BY-SA met toeskrywing
Nie verbonde aan StackOverflow
scroll top