javascript-使用Polymer中的内联JSON通过URI加载JSON

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-使用Polymer中的内联JSON通过URI加载JSON，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含973字，纯文字阅读大概需要2分钟。

内容图文

我正在使用Polymer制作d3.js地图组件.拓扑数据需要从json文件加载,并且由于我不希望组件依赖于URL / URI,因此我使用内联JSON而不是使用AJAX加载：

<polymer-element name="map-us">
    <template>


        <script id="topodata" type="application/json" src="data/us.json"></script> 

        /* ... more stuff ... */

    </template>


    <script>

        Polymer('map-us', {


            ready: function() {

                /* 
                This  works in regular HTML/JQuery:

                var x = JSON.parse($('#myJson').html());
                console.log(x.arcs);

                */

                var x = JSON.parse(this.$.topodata.html());
                console.log(x.arcs);

        });
    </script>
</polymer-element>

但是显然topdata元素没有html()方法.

这是正确的做法吗？
以及如何硫化呢？

解决方法:

无需内联JSON文件. Polymer的resolvePath函数在这里非常有用,可确保无论包含组件的位置如何,JSON文件的相对路径始终正确：

this.topojsonURI = 'data/us.json';

/* d3.json basically just makes the json call */

d3.json(this.resolvePath(this.topojsonURI), function() {
  /* code rendering the map */
}

有关resolvePath here的信息.

更新(聚合物1.0)：

函数名称已更改为resolveUrl：1.0 API Docs

内容总结

以上是互联网集市为您收集整理的javascript-使用Polymer中的内联JSON通过URI加载JSON全部内容，希望文章能够帮你解决javascript-使用Polymer中的内联JSON通过URI加载JSON所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端