为了定位浏览器渲染问题,我进行了重新测试过程:
1、ff版本升级至最新
![](http://dl.iteye.com/upload/attachment/0063/0143/bc29d31e-9f05-3cca-8a60-dc3113d20614.png)
![](http://dl.iteye.com/upload/attachment/0063/0145/3a4ac056-2f16-3831-b5e3-08adf1d8ec55.png)
Js框架为kissy
2、看下业务场景,测试环境下:
![](http://dl.iteye.com/upload/attachment/0063/0147/b52e9eb8-cfdd-3b68-ab48-e2097262c2aa.png)
四个打分项,打分项的名称很重要,当前使用的ArrayList,有顺序的,我现在打分并按照此顺序将其保存起来(ajax的post请求),打分如下:
![](http://dl.iteye.com/upload/attachment/0063/0149/d52bb300-1ab0-3dea-9312-e24b2026a5ab.png)
数据库保存为:诺基亚=2¤联想=3¤戴尔=4¤苹果=0
然后禁止JS,F5刷新,
由于使用的HashMap,所以显示顺序颠倒了过来,界面上看起来很正常如下:
![](http://dl.iteye.com/upload/attachment/0063/0151/818747df-9033-3358-a68c-4056f7980ce1.png)
但是这时通过Firebug查看如下:
![](http://dl.iteye.com/upload/attachment/0063/0166/363a80a5-11b5-346d-a6a8-e50c3b188846.png)
HTML源码如下:
![](http://dl.iteye.com/upload/attachment/0063/0170/1ed8a0b5-7348-3539-9a2d-a334605a220f.png)
然后,打开JS,没有针对打分项做任何操作,ajax post方式提交数据:
![](http://dl.iteye.com/upload/attachment/0063/0168/e9d324f0-b7db-3cea-8464-4829e15eb7b4.png)
这时通过ajax提交的数据和Firebug中看到的一致,但是和页面展示,以及HTML中的已经不一致了
前端拼装rate参数代码如下:
![](http://dl.iteye.com/upload/attachment/0063/0161/93c8e6fd-bb5e-3248-9a78-72ecf6056a71.png)
是什么原因让Firebug和js获取到的和HTML中不一致呢?获取的缓存中数据?
另外的尝试:
1、在IE系列和chrome下不会出现此问题
2、刷新使用Ctrl+F5也不会出现此问题
3、修改控件type=“text”也不会出现此问题