AngularJS JSONP成功錯誤

Question

嗨，我嘗試使用Angularjs TU得到Bing地圖API，但我在控制檯收到此錯誤：

TypeError: $http.jsonp(...).success is not a function 

這裏是我的控制器

.controller('bingMaps', ['$scope', '$http', MapController]); 

    function MapController($scope, $http) { 
     var vm = this; 

     vm.mapsearch = function() { 
      var url = "http://dev.virtualearth.net/REST/v1/Locations?callback=JSON_CALLBACK&key=MYKEY&o=json"; 
      $http.jsonp(url) 
       .success(function(data){ 
        console.log('success'); 
       }) 
       .error(function() { 
        console.log('error') 
       }); 

     } 
    } 

Answer 1

你AREN」使用jQuery。沒有success方法。該函數返回一個標準的承諾。它有一個then方法（它有兩個參數，成功回調和錯誤回調）。

查看the documentation的例子。

Answer 2

有您的Bing地圖REST URL中的幾個問題：

• 沒有回調參數。有一個jsonp參數。
• 您尚未提供查詢以進行搜索，因此請求中會出現錯誤。

這是您的查詢的修改版本：

http://dev.virtualearth.net/REST/v1/Locations?jsonp=JSON_CALLBACK&key=MYKEY&o=json&q=[your搜索查詢]

我建議考慮看看了Bing地圖的最佳做法：

https://msdn.microsoft.com/en-us/library/dn894107.aspx

有也是一篇有用的博客文章，介紹如何在這裏使用Bing Maps REST服務和不同的JavaScript框架：

https://blogs.bing.com/maps/2015/03/05/accessing-the-bing-maps-rest-services-from-various-javascript-frameworks/

Answer 3

角V1.6移除了JSONP success和error方法：

https://github.com/angular/angular.js/blob/master/CHANGELOG.md