很多时候我们都需要使用xmlhttp取得服务器数据之后显示到客户端来,极到的改善了用户的体验。
然而,有时候,当我们频繁的在同一页面调用xmlhttp对象时,无论调用了多次还是几次,总之,只有第一次能够成功的返回数据,而其它次则并未执行函数代码,这是为什么呢?
这主要和浏览器的缓存有关,因为短时间频繁调用相同的xmlhttp和函数,浏览器会认为是同一操作,因此,它就从缓存里面取值而并非从服务器取值,连函数的代码都不执行,遇到这种问题,我们要解决问题的原理就是:让浏览器认为每次执行都是新的动作,而不是老的动作。
比如,原本是如下的的代码:
var url ="GetData.ashx?MyValue1="+escape(Value1);
xmlHttp.open("GET", url, false);
xmlHttp.onreadystatechange = UpdatePage;
xmlHttp.send(null);
现在,我们要将其改为下面的代码:问题就得到解决了。
var url ="GetData.ashx?MyValue1="+escape(Value1)+"&"+Math.random();
xmlHttp.open("GET", url, false);
xmlHttp.onreadystatechange = UpdatePage;
xmlHttp.send(null);
注意哦,代码加上了+"&"+Math.random(),那么,其中的Math.random()是什么意思呢?
Math.random(),返回0.0 ~ 1.0 之间的一个伪随机数。即(0,1),大于0而小于1,不包括两个端点。位数在16-18位之间。
在本例中,我们将取得介于 0 到 1 之间的一个随机数:
<script type="text/javascript">
document.write(Math.random())
</script>
输出:0.778497961582616