溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了在AngularJS中如何將XML轉換為 JSON，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
我們將談談如何在Angular JS中將XML文件轉換為JSON。大家都知道Angular JS是開發應用程序的JavaScript框架。所以基本上Angular JS期望得 到的響應式JSON格式的。因此，在你開始對數據進行操作之前，建議返回JSON格式的數據。我們會使用Angular JS $http服務加載一個本地的XML文件，并將這個XML文件轉換成JSON。
背景
我曾發表過一篇有關于Angular JS $http服務的文章：《$http Service In Angular JS》
源代碼
下載源代碼： XML to JSON Source Code
使用代碼
首先創建一個HTML頁面。
<!DOCTYPE html> <html> <head> <title>Convert XML to JSON In Angular JS - SibeeshPassion </title> </head> <body> </body> </html>
現在，如下添加所需的引用。
<script src="jquery-2.1.3.min.js"></script> <script src="angular.min.js"></script> <script src="xml2json.js"></script>
你注意到了嗎，我已經添加了xml2json.js文件？這就是將要轉換的文件。你可以從https://code
現在創建一個控制器和應用程序指令，如下所示。
<div ng-app="httpApp" ng-controller="httpController"> </div>
接下來我們需要做的是添加服務。你可以按如下方式添加$http服務。
var app = angular.module('httpApp', []); app.controller('httpController', function ($scope, $http) { $http.get("Sitemap.xml", { transformResponse: function (cnv) { var x2js = new X2JS(); var aftCnv = x2js.xml_str2json(cnv); return aftCnv; } }) .success(function (response) { console.log(response); }); });這里的httpApp是我們的應用程序，httpController是我們的控制器。我們使用函數transformResponse轉換響應。
轉換請求和響應
在Angular JS中，請求可以使用transformRequest函數轉換，如果是響應的話，可以通過函數transformResponse轉換。這些函數返回轉換后的值。
下面是我們使用transformResponse函數的一個例子。
transformResponse: function (cnv) {
var x2js = new X2JS();
var aftCnv = x2js.xml_str2json(cnv);
return aftCnv;
}
這個x2js.xml_str2json（CNV）將返回JSON對象，并從transformResponse函數返回aftCnv。聽起來不錯吧？一旦準備就緒，我們只要在瀏覽器控制臺寫JSON對象，就可以看到該對象了。
輸出
在Angular JS中轉換XML為JSON，就是這么簡單。
上述內容就是在AngularJS中如何將XML轉換為 JSON，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
