在 angularjs 中读取 rss 提要时出现 405（不允许的方法）

Question

我正在使用 AngularJs 开发一个 chrome 扩展。插件将主要读取 rss 提要和显示帖子。我遇到了两个错误。

• 加载资源失败：服务器响应状态为 405（不允许方法）
• XMLHttpRequest 无法加载 http://ajax.googleapis.com/ajax/services/feed/load?q=http%3A%2F%2Fblog.nraboy.com%2Ffeed%2F&v=1.0。无效的 HTTP 状态代码 405

我的代码如下。

var appController = angular.module('appController',[]);

appController.controller('homeController',['$scope','$http', function($scope,$http){

     $http.get("http://ajax.googleapis.com/ajax/services/feed/load",{ params: { "v": "1.0", "q": "http://blog.nraboy.com/feed/" } })
            .success(function(data) {

                console.log(JSON.stringify(data.responseData.feed.entries))
            })
            .error(function(data) {
                console.log("ERROR: " + data);

            });

    }]);

Answer 1

您应该拨打jsonp 而不是.get。因为您想要从中获取数据的域似乎不同。而在执行JSONP 调用时，请传递带有值JSON_CALLBACK（或其他任何内容）的callback 参数，这只会以JSON_CALLBACK(data) 的名称包装检索到的数据

$http.jsonp("http://ajax.googleapis.com/ajax/services/feed/load", {
    params: {
      "v": "1.0",
      "q": "http://blog.nraboy.com/feed/",
      callback: 'JSON_CALLBACK'
    }
  })
  .then(function(response) {
    $scope.feeds = response.data;
    console.log(JSON.stringify(data.responseData.feed.entries))
  }, function(data) {
    console.log("ERROR: " + data);
  })

Demo here