首页 >> 大全

在 AngularJS 中将 XML 转换为 JSON

2023-09-09 大全 28 作者:考证青年

在这篇文章中,我们将谈谈如何在 JS中将XML文件转换为JSON。大家都知道是开发应用程序的框架。所以基本上期望得到的响应式JSON格式的。因此,在你开始对数据进行操作之前,建议返回JSON格式的数据。在这篇文章中,我们会使用 $http服务加载一个本地的XML文件,并将这个XML文件转换成JSON。如果你是 JS新手,请阅读《》。希望你会喜欢这篇文章。

背景

我曾发表过一篇有关于 $http服务的文章:《$http In JS》

源代码

下载源代码:XML to JSON Code

使用代码

首先创建一个HTML页面。



Convert XML to JSON In Angular JS - SibeeshPassion 



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



你注意到了吗,我已经添加了.js文件?这就是将要转换的文件。你可以从下载文件。

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

接下来我们需要做的是添加服务。你可以按如下方式添加$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);});
});

这里的是我们的应用程序,是我们的控制器。我们使用函数转换响应。

转换请求和响应

在 JS中,请求可以使用函数转换,如果是响应的话,可以通过函数转换。这些函数返回转换后的值。

下面是我们使用函数的一个例子。

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

这个x2js.(CNV)将返回JSON对象,并从函数返回。听起来不错吧?一旦准备就绪,我们只要在浏览器控制台写JSON对象,就可以看到该对象了。

输出

在 JS中转换XML为JSON,就是这么简单。祝大家Happy !

结论

欢迎大家的火眼金睛。如果我有什么遗漏或写错的地方,请不吝指正。希望大家能够喜欢这篇文章。

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了