开发过程当中遇到了一个很诡异的问题:有一个<input class="otherId" type="hidden"/>元素,后端vm模板通过加载数据生成页面后,出现了input域的value值与后台数据不一致的情况。
通过查看生成页面的源代码,可以看到html代码里的值是对的,但通过firebug在页面中查看就会发现value是错误的,诡异的是ctrl+ F5强制刷新,以及把type改为"text"都能让value变回正确值。
一开始怀疑是js在加载页面时修改了value值,但考虑到普通刷新和强制刷新对js的调用没有影响,同时在删除js代码后错误情况依然存在,故排除了js出错的可能性。
之后换做在chrome下试验,不再出现以上情况。
开始怀疑是firefox的缓存问题,在网上查过之后,发现确实有人有相似的问题,如下:
http://forums.mozillazine.org/viewtopic.php?f=25&t=1787115
http://stackoverflow.com/questions/5319678/javascript-and-defaultvalue-of-hidden-input-elements
进一步搜索“firefox input 缓存”找到了下面的应对方法:http://www.mayax.net/article/program/331.htm
为input元素添加属性autocomplete="off"
<input class="otherId" autocomplete="off" type="hidden">
阻止火狐对input元素的缓存,问题解决。。。
不过对火狐的缓存机制还不是很明白,至于为什么改成type="text"不会出错,可能是因为火狐的缓存是针对不同type类型的,之前缓存的是type="hidden"的值,自然不会应用到text上,故显示的是从后台即时加载的值,而非缓存。
通过查看生成页面的源代码,可以看到html代码里的值是对的,但通过firebug在页面中查看就会发现value是错误的,诡异的是ctrl+ F5强制刷新,以及把type改为"text"都能让value变回正确值。
一开始怀疑是js在加载页面时修改了value值,但考虑到普通刷新和强制刷新对js的调用没有影响,同时在删除js代码后错误情况依然存在,故排除了js出错的可能性。
之后换做在chrome下试验,不再出现以上情况。
开始怀疑是firefox的缓存问题,在网上查过之后,发现确实有人有相似的问题,如下:
http://forums.mozillazine.org/viewtopic.php?f=25&t=1787115
http://stackoverflow.com/questions/5319678/javascript-and-defaultvalue-of-hidden-input-elements
进一步搜索“firefox input 缓存”找到了下面的应对方法:http://www.mayax.net/article/program/331.htm
为input元素添加属性autocomplete="off"
<input class="otherId" autocomplete="off" type="hidden">
阻止火狐对input元素的缓存,问题解决。。。
不过对火狐的缓存机制还不是很明白,至于为什么改成type="text"不会出错,可能是因为火狐的缓存是针对不同type类型的,之前缓存的是type="hidden"的值,自然不会应用到text上,故显示的是从后台即时加载的值,而非缓存。