在AngularJS中如何將XML轉(zhuǎn)換為JSON

本篇文章為大家展示了在AngularJS中如何將XML轉(zhuǎn)換為 JSON，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了三河免費建站歡迎大家使用！

我們將談?wù)勅绾卧贏ngular  JS中將XML文件轉(zhuǎn)換為JSON。大家都知道Angular JS是開發(fā)應(yīng)用程序的JavaScript框架。所以基本上Angular  JS期望得 到的響應(yīng)式JSON格式的。因此，在你開始對數(shù)據(jù)進行操作之前，建議返回JSON格式的數(shù)據(jù)。我們會使用Angular JS  $http服務(wù)加載一個本地的XML文件，并將這個XML文件轉(zhuǎn)換成JSON。

背景

我曾發(fā)表過一篇有關(guān)于Angular JS $http服務(wù)的文章：《$http Service In Angular JS》

源代碼

下載源代碼： XML to JSON Source Code

使用代碼

首先創(chuàng)建一個HTML頁面。

<!DOCTYPE html> <html> <head>     <title>Convert XML to JSON In Angular JS - SibeeshPassion </title> </head> <body> </body> </html>

現(xiàn)在，如下添加所需的引用。

<script src="jquery-2.1.3.min.js"></script> <script src="angular.min.js"></script> <script src="xml2json.js"></script>

你注意到了嗎，我已經(jīng)添加了xml2json.js文件？這就是將要轉(zhuǎn)換的文件。你可以從https://code.google.com/p/x2js/下載文件。

現(xiàn)在創(chuàng)建一個控制器和應(yīng)用程序指令，如下所示。

<div ng-app="httpApp" ng-controller="httpController"> </div>

接下來我們需要做的是添加服務(wù)。你可以按如下方式添加$http服務(wù)。

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是我們的應(yīng)用程序，httpController是我們的控制器。我們使用函數(shù)transformResponse轉(zhuǎn)換響應(yīng)。

轉(zhuǎn)換請求和響應(yīng)

在Angular  JS中，請求可以使用transformRequest函數(shù)轉(zhuǎn)換，如果是響應(yīng)的話，可以通過函數(shù)transformResponse轉(zhuǎn)換。這些函數(shù)返回轉(zhuǎn)換后的值。

下面是我們使用transformResponse函數(shù)的一個例子。

transformResponse: function (cnv) {
  var x2js = new X2JS();
  var aftCnv = x2js.xml_str2json(cnv);
  return aftCnv;
}

這個x2js.xml_str2json（CNV）將返回JSON對象，并從transformResponse函數(shù)返回aftCnv。聽起來不錯吧？一旦準(zhǔn)備就緒，我們只要在瀏覽器控制臺寫JSON對象，就可以看到該對象了。

輸出

在AngularJS中如何將XML轉(zhuǎn)換為JSON

在Angular JS中轉(zhuǎn)換XML為JSON，就是這么簡單。

上述內(nèi)容就是在AngularJS中如何將XML轉(zhuǎn)換為 JSON，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：在AngularJS中如何將XML轉(zhuǎn)換為JSON
分享地址：http://bm7419.com/article0/ipoioo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、軟件開發(fā)、App設(shè)計、定制開發(fā)、標(biāo)簽優(yōu)化、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)