(方法不允许)外部xml到json

时间:2013-08-05 17:30:38

标签: javascript xml json angularjs

我正在使用本教程: http://rabidgadfly.com/2013/02/angular-and-xml-no-problem/

开始应用XML, 当我设置外部xml(Feedburner)告诉我我没有访问权限时,任何人都知道它可能是什么?

HTML:

<section ng-controller="AppController" class="container-podcastapp">
         <ul>
            <li ng-repeat="guitar in dataSet">
               <div class="resultwrapper">
                   <h2>{{item.title}}</h2>
                </div>
            </li>   
          </ul>
    </section>

的javascript:

angular.module('myApp.service',[]).
    factory('DataSource', ['$http',function($http){
       return {
           get: function(file,callback,transform){
                $http.get(
                    file,
                    {transformResponse:transform}
                ).
                success(function(data, status) {
                    console.log("Request succeeded");
                    callback(data);
                }).
                error(function(data, status) {
                    console.log("Request failed " + status);
                });
           }
       };
    }]);

angular.module('myApp',['myApp.service']);

var AppController = function($scope,DataSource) {

    var SOURCE_FILE = "http://rss.cnn.com/services/podcasting/ac360/rss.xml";

    xmlTransform = function(data) {
        console.log("transform data");
        var x2js = new X2JS();
        var json = x2js.xml_str2json( data );
        return json.item;
    };

    setData = function(data) {
        $scope.dataSet = data;
    };

    DataSource.get(SOURCE_FILE,setData,xmlTransform);

};

1 个答案:

答案 0 :(得分:0)

“方法不允许”通常表示您发送请求的服务配置为禁止某种请求类型(POSTGETOPTIONS)。

由于您尝试(据我所知)使用GET方法,我建议您尝试使用POST

另一方面,在某些情况下,服务器将禁止跨域ajax请求 - 很可能这个你查询的URL实际上不是服务器上的静态文件,而是某种服务,在这种情况下它有配置为允许来自不同域的Ajax请求。

如果您可以发布您获得的整个错误/响应(使用Fiddler或其他任何内容),那么在使用POST无法完成工作时将会有所帮助。

编辑:

尝试对您的服务进行以下更改:

angular.module('myApp.service',[]).
factory('DataSource', ['$http',function($http){
   return {
       get: function(file,callback,transform){
            $http.post(file, {}, {transformResponse:transform}). // this is the change
            success(function(data, status) {
                console.log("Request succeeded");
                callback(data);
            }).
            error(function(data, status) {
                console.log("Request failed " + status);
            });
       }
   };
}]);