当自定义数据属性为 json 格式字符串时 jQuery 的 data api 问题

标签: 定义 数据 属性 | 发表时间:2013-02-18 00:37 | 作者:ecalf
出处:http://www.cnblogs.com/

jQuery 的 data API 实现方式 有缓存数据的效果

使用 IE 7 (IE8+ 在控制台切换至IE7 模式),当DOM 节点有自定义数据属性时,检查 DOM 节点即可看到 形如 jQuery18305664906559272507 的属性,这便是 用于从数据存储对象中获取自定义数据的建。

当 自定义数据属性是一个 json 格式字符串时,缓存的数据如果被修改, 则修改后的数据继续存在于缓存系统中, 如果不留意,这可能导致一些BUG

 

<!DOCTYPE HTML>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
</head>
<body>
<input type="hidden" value="" data-json='{"a":123,"b":456}' id="tst" />
<script>
var node = $("#tst");
console.log(node.attr("data-json"));

var data = node.data("json");
console.log(data);
data.b = 'hello';

var data1 = JSON.parse(node.attr("data-json"));
console.log(data1);
console.log('data===data1',data===data1);

var data2 = node.data("json");
console.log(data2);
console.log('data===data2',data===data2);

var data3 = JSON.parse(node.attr("data-json"));//这样取值不受缓存影响
console.log(data3);


</script>
</body>
</html>

运行结果

{"a":123,"b":456}
Object {a: 123, b: 456}
Object {a: 123, b: 456}
data===data1 false
Object {a: 123, b: "hello"}
data===data2 true
Object {a: 123, b: 456}

 

本文链接

相关 [定义 数据 属性] 推荐:

当自定义数据属性为 json 格式字符串时 jQuery 的 data api 问题

- - 博客园_首页
jQuery 的 data API 实现方式 有缓存数据的效果. 使用 IE 7 (IE8+ 在控制台切换至IE7 模式),当DOM 节点有自定义数据属性时,检查 DOM 节点即可看到 形如 jQuery18305664906559272507 的属性,这便是 用于从数据存储对象中获取自定义数据的建.

HTML标签自定义属性

- - Web前端 - ITeye博客
HTML标签可以自定义属性,但是我们要考虑其在IE、Firefox以及chrome下的兼容性问题. 这里的“myAttr”就是这个标签的自定义属性了. 如果定义了属性却使用不了,那么这个属性就没有任何意义了,接下来就是如何去调用我们的自定义属性的值了. 在IE浏览器里,我们通过获取对象后直接调用就可以了.

软件定义的数据中心

- - 《商业价值》杂志
由软件定义的数据中心可以将虚拟化技术的好处扩展至包括计算、存储、网络、相关可用性和安全服务在内的数据中心所有领域,从而实现支持灵活、弹性、高效和可靠IT服务的云计算环境. 8月,VMware公司联合250余家虚拟化及云计算厂商,在VMworld2012大会上将虚拟化技术进行了淋漓尽致的演绎. 现场,技术人员用几分钟的时间演示了如何创建、配置虚拟数据中心,灵活、快捷到不可想象.

软件定义的数据中心已经来临

- - InfoQ cn
VMware和微软提供了软件定义的数据中心的解决方案. 在软件定义的数据中心中,所有的资源——包括计算、存储、可用性、网络和安全等——都实现了虚拟化和自动化. 本文主要关注的是其中新加入的特性:虚拟化网络与安全. 为了提供一个完全自动化的数据中心,VMware和微软正在进行最后的努力. 完全自动化的数据中心可以作为云解决方案的基础,不管是公有云、私有云还是混合云.

张溪梦:数据分析如何定义Linkedln

- - 创业邦
  非常感谢!不好意思,稍微晚了一些,我叫张溪梦,现在在Linkedln任职,负责整个商业数据分析,我们的数据分析组织支持所有的与营收有关的业务. 今天想跟大家分享一下在Linkedln过去的将近五年的过程中学习到的一些经验,希望大家多提宝贵意见.   在讲数据之前想跟大家简单介绍一下我自己,我在美国大约工作了十来年,一直在数据分析领域里面,在此之前,我在中国做了两年医生,但是因为特别喜欢电脑,特别喜欢计算机所以跑到美国来学了一个商学院,不知道为什么,今天就忽然间变成做大数据了.

【外刊IT评论网】HTML 5 的自定义 data-* 属性和jquery的data()方法的使用

- - 外刊IT评论网
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据. 但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用. 这就是为什么在HTML5规范里增加了一个 自定义data属性,你可以拿它做很多有用的事情.

EA怎么建数据中台? 数据标准和数据规范怎么定义

- -
如下图,EA 的游戏分为几大类:. 第一类是体育,比较有名的包括 FIFA 足球游戏、MADDEN 橄榄球游戏以及 NBA 游戏等;. 第二类是射击,比如 BATTLEFRONT;. 第三类是社交类的游戏,类似 SIMS4. 在 Moblie 方面,手机游戏比较有名的比如植物大战僵尸,很多人应该都玩过.

大数据是如何正在改变整个商业属性的?

- - i黑马
它的定义并不明朗,但它通常可以归结为:公司会得比过去得到更多机会和途径去获得更多的信息数据,它的信息源要比以前更多,而且他们几乎可以迅速得到它只要产生数据. 大数据经常能得到已经在处理信息的公司的链接,如谷歌, Facebook的和亚马逊. 但企业在很多行业中都非常看重大数据并且当成信息和操作中心.

埃里克 施密特:Google地图无可替代,互联网新定义是“数据与平台的连接”

- - PingWest
Google董事长施密特(Eric Schmidt)今天在山景城(Mountain View)计算机历史博物馆的公开活动上,谈到苹果自家地图在iOS 6上的糟糕表现时称:这对苹果来说是一次“偶然事件”. “这种事在苹果极少发生,苹果是一家在商业运营上很完美的公司,”施密特这样评价苹果,“但这次在管理苹果地图质量的问题上,他们显然失误了.

直播系统中使用SEI传输用户自定义数据方案讨论 - 简书

- -
      在直播系统中,除了直播音视频之外,有时候还想从主播端发布文本信息等,这些信息可以不通过视频传输通道发送给用户播放端,但如果传输的数据想和视频保持精准同步,那最好的办法就是这些信息和视频数据打包在一起传输, 通过h264 sei方式就可以把数据放入h264 Access Unit中传输.      H264 SEI 基本知识介绍:.