日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

新聞中心

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

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

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

背景

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

源代碼

下載源代碼： XML to JSON Source Code

使用代碼

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

 
 
    
  
  
  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)建一個控制器和應用程序指令，如下所示。

 
 
    
  
  
  1.  
    2.
 

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

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

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

在Angular  JS中，請求可以使用transformRequest函數(shù)轉(zhuǎn)換，如果是響應的話，可以通過函數(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。聽起來不錯吧？一旦準備就緒，我們只要在瀏覽器控制臺寫JSON對象，就可以看到該對象了。

輸出

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

結(jié)論

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

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


網(wǎng)站標題：在AngularJS中將XML轉(zhuǎn)換為JSON
當前網(wǎng)址：http://www.dlmjj.cn/article/djecooc.html