成都网站建设设计

将想法与焦点和您一起共享

在AngularJS中如何将XML转换为JSON

本篇文章为大家展示了在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页面。

       Convert XML to JSON In Angular JS - SibeeshPassion     

现在,如下添加所需的引用。

  

你注意到了吗,我已经添加了xml2json.js文件?这就是将要转换的文件。你可以从https://code.google.com/p/x2js/下载文件。

现在创建一个控制器和应用程序指令,如下所示。

 

接下来我们需要做的是添加服务。你可以按如下方式添加$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对象,就可以看到该对象了。

输出

在AngularJS中如何将XML转换为JSON

在Angular JS中转换XML为JSON,就是这么简单。

上述内容就是在AngularJS中如何将XML转换为 JSON,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


网页名称:在AngularJS中如何将XML转换为JSON
网页地址:http://chengdu.cdxwcx.cn/article/ipoioo.html

其他资讯