今天在修改【星活馆网上购物】网站问题时,发现AJax的一个小问题。
我用AJax去异步修改购物车的数量,已经修改过的数量,在想修改回去,始终不发送请求,很是郁闷。
最后还是在网上找到了启发,解决了这个问题。同时也发现这个问题是AJax导致的。。。。。
原理是:
【IE缓存在的问题】因为第一次请求过,再请求还是同样的 url,这个页面已经被IE缓存了, 所以没有
再次触发其他的异步页面。从这里我们就可以看出IE浏览器下打开的网页js代码中,如果对同一个地址进
行重复提交,并且参数不发生变化的情况下,ie6-ie7都会将缓存中的数据返回给客户端。虽然这样节省
了从新执行页面的时间,但是在某些项目中数据需要实时更新的情况下就成为一个bug了
解决方法:
为了解决ie浏览器的这个怪癖,当然也保证在其它浏览器下可以正常的显示,我们可以在提交请求的时候
给请求参数添加一个随机的参数,这样就保证请求的参数的不重复,ie不直接读取缓存的问题了。
//解决浏览器缓存的问题
var random=Math.round(Math.random()*10000);
然后将这个随机数,追加到请求的url中,这样问题就可以解决了。