日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
在AngularJS中將XML轉(zhuǎn)換為JSON

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

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的利津網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

背景

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

源代碼

下載源代碼： XML to JSON Source Code

使用代碼

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

 
 
    
  
  
  1.  
    2. 
  
  
  2.  
    3. 
  
  
  3.  
    4. 
  
  
  4.     Convert XML to JSON In Angular JS - SibeeshPassion  
    5. 
  
  
  5.  
    6. 
  
  
  6.  
    7. 
  
  
  7.  
    8. 
  
  
  8.  
    9.

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

 
 
    
  
  
  1.  
    2. 
  
  
  2.  
    3. 
  
  
  3.  
    4.

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

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

 
 
    
  
  
  1.  
    2.
 

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

 
 
    
  
  
  1. var app = angular.module('httpApp', []); 
    2. 
  
  
  2. app.controller('httpController', function ($scope, $http) { 
    3. 
  
  
  3.   $http.get("Sitemap.xml", 
    4. 
  
  
  4.             { 
    5. 
  
  
  5.     transformResponse: function (cnv) { 
    6. 
  
  
  6.       var x2js = new X2JS(); 
    7. 
  
  
  7.       var aftCnv = x2js.xml_str2json(cnv); 
    8. 
  
  
  8.       return aftCnv; 
    9. 
  
  
  9.     } 
    10. 
  
  
  10.   }) 
    11. 
  
  
  11.     .success(function (response) { 
    12. 
  
  
  12.     console.log(response); 
    13. 
  
  
  13.   }); 
    14. 
  
  
  14. }); 
    15.

這里的httpApp是我們的應(yīng)用程序，httpController是我們的控制器。我們使用函數(shù)transformResponse轉(zhuǎn)換響應(yīng)。

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

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

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

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

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

輸出

在Angular JS中轉(zhuǎn)換XML為JSON，就是這么簡(jiǎn)單。祝大家Happy coding！

結(jié)論

歡迎大家的火眼金睛。如果我有什么遺漏或?qū)戝e(cuò)的地方，請(qǐng)不吝指正。希望大家能夠喜歡這篇文章。

譯文鏈接：http://www.codeceo.com/article/angularjs-xml-to-json.html
英文原文：Convert XML to JSON In Angular JS


網(wǎng)站欄目：在AngularJS中將XML轉(zhuǎn)換為JSON
本文路徑：http://www.5511xx.com/article/djecooc.html