相关疑难解决方法(0)

我想在HTML中嵌入JSON.我发现的最优雅的解决方案是使用script-tag和mime媒体类型application/json.

<script id="data" type="application/json">
    {
        "foo" : "bar"
    }
</script> 

这是嵌入JSON的标准方法吗？如果没有,上述解决方案是否有任何风险？

使用内联JSON(而不是JSON-P服务)的原因:

• 少量的JSON数据
• 减少HTTP请求
• 对HTML属性中的数据进行inline-JSON的首选项

[更新]嵌入json的原因.

我有一个画廊小部件,用于流量非常高的网站.画廊可以包含100张或更多图像.我一次只显示一个图像,其余图像将延迟加载.但是,所有图像的信息(图像src)将在页面加载的html中呈现.有各种方法在html中呈现图像信息.而不是使用JSON我也可以使用html数据属性,如下所示:

<li class="image" data-src="image-path.jpg">
    <!-- image tag will be created here using javascript -->
</li>

将导致:

<li class="image image-loaded" data-src="image-path.jpg">
    <img src="image-path.jpg" />
</li>

上述解决方案的缺点是额外的标记.我宁愿使用JSON和JavaScript的模板引擎如doT.js.

我遇到了以下 Datatables jquery 插件代码：

<script type="text/javascript" language="javascript" class="init">
        $(document).ready(function() {
            $('#example').dataTable();
        } );
</script>

class="init" 的目的是什么？