Dzwebs.Net

撰写电脑技术杂文十余年

同一页面短时间内多次调用xmlhttp只执行一次

Admin | 2015-5-27 8:38:22 | 被阅次数 | 4806

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  很多时候我们都需要使用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


该杂文来自: 网页制作杂文

上一篇:js动态添加li onclick事件

下一篇:js网页客户端控件的值相加的多种办法

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计