【问题标题】:AngularJS xml data to json data for charts (Edited)AngularJS xml 数据到图表的 json 数据(已编辑)
【发布时间】:2015-07-27 06:24:52
【问题描述】:

我无法将一些 xml 数据转换为预期格式的 json 数据。我对所有这些技术都是新手,我在网上找到的资源对我来说很难破译。使用我在plnkr 中创建的应用程序,我可以获取data.json 文件中的数据,并使用它使用图表库创建图表。我在data.xml 文件中有xml - 我认为它的格式正确,以便转换为所需格式的json。如何使用 x2js 库将 xml 转换为 json 并将其实现到我的图表中?我已经坚持了一段时间,并且无法弄清楚如何让它工作。

目前,该应用采用data.json 文件并将其实施到图表的数据中。获取 xml 并执行相同操作的最简单方法是什么?

编辑:我已经更新了我的plnkr,尝试将 xml 数据转换为 json。我什至尝试简单地以 json 形式打印出最终数据 - 如果 xml 转换为 json,但没有任何结果。我输入了一个x2js.js 文件,该文件具有我在服务中使用的转换所需的库中的函数。我收到以下错误:

     ReferenceError: data is not defined
at new <anonymous> (script.js:38)
at invoke (code.angularjs.org/1.2.2/angular.js:3641)
at Object.instantiate (code.angularjs.org/1.2.2/angular.js:3653)
at code.angularjs.org/1.2.2/angular.js:6684
at code.angularjs.org/1.2.2/angular.js:6097
at forEach (code.angularjs.org/1.2.2/angular.js:307)
at nodeLinkFn (code.angularjs.org/1.2.2/angular.js:6084)
at compositeLinkFn (code.angularjs.org/1.2.2/angular.js:5550)
at compositeLinkFn (code.angularjs.org/1.2.2/angular.js:5553)
at publicLinkFn (code.angularjs.org/1.2.2/angular.js:5458)

如果有人可以帮助我,不胜感激。

【问题讨论】:

    标签: javascript json xml angularjs


    【解决方案1】:

    好的,这里有几个问题:

    XML:

    我提取了您的一小部分数据并试图找出问题所在:

    <Header Name="TOP 5 AUDITORS BY INDUSTRY"><series>Industry_count</series><series>AuditFees</series><data><x>ERNST & YOUNG LLP</x><y>298</y><y>12567000</y></data></Header>
    

    x2js 似乎不喜欢您的 xml 中的 &amp;。基本上使用字符串ERNST &amp; YOUNG,您正在破坏 x2js 在内部尝试执行的任何操作。

    x2js.xml_str2json('<Header Name="TOP 5 AUDITORS BY INDUSTRY"><series>Industry_count</series><series>AuditFees</series><data><x>ERNST & YOUNG LLP</x><y>298</y><y>12567000</y></data></Header>')
    

    不起作用,而

    x2js.xml_str2json('<Header Name="TOP 5 AUDITORS BY INDUSTRY"><series>Industry_count</series><series>AuditFees</series><data><x>ERNST YOUNG LLP</x><y>298</y><y>12567000</y></data></Header>')
    

    工作并给出一个 JS 对象作为输出。第二个中唯一缺少的是 &。

    守则:

    我还删除了getData 函数并停止将data 变量传递给服务(您还没有数据,这就是您调用服务的原因)。还添加了一个成功处理程序来设置范围变量。

    完全固定的工作 plnkr 在这里: http://plnkr.co/edit/uCLy42wnELYKq8S1DjYs?p=preview

    【讨论】:

    • 我没有考虑xml中的特殊字符,谢谢你的帮助!
    • @NickBorisenko 没问题,乐于助人:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多