在动态生成的脚本标记中加载JSON数据

时间:2016-05-19 21:57:52

标签: javascript jquery json ajax performance

我只是尝试了一些javascript,浏览网页以便在客户端进行快速搜索。我来到了this链接,其中博客简要提到通过将数据包装在回调函数中来加载数据作为可执行脚本。

尽管这可能不是最好的方法,但有人可以解释一下这可能会如何起作用吗?

我一直在头部尝试以下代码。

<script id="jsonD" type="application/json" src="/data/catalogEntries.json"></script>

我可以在开发工具中看到文件正在传输。但我无法弄清楚如何在另一个脚本中使用这些数据。

我还在身体部分的末尾尝试了以下内容。

       $(document).ready(function () {
            var head = document.getElementsByTagName('head')[0];
            var script = document.createElement('script');
            script.type = 'application/json';
            script.src = '/data/catalogEntries.json';
            head.appendChild(script);
        })

我也试图找出如何衡量浏览器解析数据所需的时间,并将其与eval()的简单使用进行比较。我拥有的数据超过4千字节。

我知道我可以使用XMLHttpRequests执行此操作,并且我已多次执行此操作,但这似乎是基于我之前发布的博客链接解析大量数据的更快的方法。

任何帮助表示感谢。

谢谢, 第

更新

这是一个plunker

https://plnkr.co/edit/C2N0Wc4XZCnS5aD4hErY?p=preview

0 个答案:

没有答案