如何在Angular.JS中打开JSON / XML文件

直接看代码，如下是json测试文件内容（Person.json）

[{'name':'John','surname':'Doe','age':31,'city':'New York'},
{'name':'Jane','surname':'Doe','age':26,'city':'Seattle'},
{'name':'Dave','surname':'Smith','age':45,'city':'LA'},
{'name':'Alessia','surname':'Smith','age':41,'city':'Texas'}]

以下为xml测试文件内容（Books.xml）

    
        Everyday Italian
        Giada De Laurentiis
        2005
    
    
        La uruguaya
        Pedro Mairal
        2016
    

HTML代码

    
        WebData Call Test
        
        
        
        
        
            var app = angular.module("myApp", []);            
            app.controller("myCtrl", function($scope, $http) {
                    // The JSON call code...
                    var JSONreq = {
                            method: 'get',
                            // The local JSON File...
                            url: 'Persons.json',
                            headers: {
                                'Access-Control-Allow-Origin': '*',
                                'cache-control': 'no-cache',
                                'X-PINGOTHER': 'pingpong',
                                'Content-Type': 'application/json'
                            }
                        };
                    
                    $scope.webJSONData = "JSON Call Test!";
                    
                    $http.get(JSONreq).then(function(res) {
                            $scope.webJSONData = res.data;
                        },function() {
                            $scope.webJSONData = "JSON Call error!";
                        });

                    // The XML call code...
                    var XMLreq = {
                            method: 'get',
                            // The local XML File...
                            url: 'Books.xml',
                            headers: {
                                'Access-Control-Allow-Origin': '*',
                                'cache-control': 'no-cache',
                                'X-PINGOTHER': 'pingpong',
                                'Content-Type': 'application/xml'
                            }
                        };
                    
                    $scope.webXMLData = "XML Call Test!";
                    
                    $http.get(XMLreq).then(function(res) {
                            $scope.webXMLData = res.data;
                        },function() {
                            $scope.webXMLData = "XML Call error!";
                        });
                });
        
    
    
        WebData Call Test
        
        
        
        
        

            webJSONData: {{ webJSONData }}
            
            
            webXMLData: {{ webXMLData }}