10031---ajax请求地址后加随机数防止浏览器缓存

最新推荐文章于 2023-06-06 15:19:11 发布
最新推荐文章于 2023-06-06 15:19:11 发布
阅读量413 收藏
点赞数
分类专栏： JavaWeb
本文深入探讨了如何通过在URL中加入随机数来欺骗浏览器，避免使用缓存数据，确保每次请求都能获取到最新的资源。重点解释了这种技术在不同浏览器上的表现差异，特别强调了其在应对恶心的IE和现代浏览器如Chrome时的效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

原文

url : toUrl("/xxx/yyy?random=" + Math.random()),

防止浏览器缓存。浏览器为了提高用户访问同一页面的速度，会对页面数据进行缓存。当url请求地址不变时，有时候会导致浏览器不发送请求，直接从缓存中读取之前的数据。如果数据改变了，而没加随机数，读取的数据会跟之前一样。加上随机数，就是欺骗浏览器url改变了，会每次都向服务器发送请求而不去读缓存。

恶心的IE会读缓存，Chrome不会。


前端发版后及时拉取最新版本代码， 解决浏览器缓存问题；| jQuery拦截所有Ajax请求，全局添加token请求头
专注于计算机研发知识和资讯分享
08-22 943
vue 默认配置，打包后 css 和 js 的名字后面都加了哈希值，不会有缓存问题，但是 index.html 在服务器端可能是有缓存的，需要在服务器配置不让缓存 index.html。proxy_set_header是nginx设置请求头给上游服务器，add_header是nginx设置响应头信息给浏览器。问题： 当修改了JS文件的内容并发布到线上时，用户的浏览器可能会因为缓存了旧的JS文件而不会立即加载新的代码。更新生产环境站点资源时，需要错开高峰期 ，涉及前端文件更新的，记得做站点缓存验证。
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
10-27
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因，需要的朋友可以参考一下
ajax请求地址后加随机数防止浏览器缓存
weixin_33841503的博客
11-29 231
看到别人写的JS，ajax请求地址后加随机参数，比如XXXX?t= + new Date().getTime()。 一开始搞不懂为什么，网上查了资料，原因是防止浏览器缓存。浏览器为了提高用户访问同一页面的速度，会对页面数据进行缓存。当url请求地址不变时，有时候会导致浏览器不发送请求，直接从缓存中读取之前的数据。如果数据改变了，而没加随机数，读取的数据会跟之前一样。加上随机数，就是欺骗浏览器ur...
url上添加随机数防止缓存
qq411139073的博客
06-06 1365
我们发布前端页面时，时常会发现前端发版本了但是客户端访问并没有加载最新版本，这时候，我们可以在url后面加一个随机数去改善这个问题。浏览器为了提高用户访问同一页面的速度，会对页面数据进行缓存。当url请求地址不变时，加上随机数，就是欺骗浏览器url改变了，会每次都向服务器发送请求而不去读缓存。有时候会导致浏览器不发送请求，直接从缓存中读取之前的数据。如果数据改变了，而没加随机数，读取的数据会跟之前一样。
ajax生成随机数,随机数与AJAX
weixin_29940173的博客
08-05 372
我想练习使用AJAX。我有一个MySQL数据库，并且我在列storeName中插入了一些名字。我做了一个SQL查询，输出数据库中列的随机文本。这是工作的罚款，但只有当我刷新我的浏览器：随机数与AJAX$sql ="SELECT * FROM stores ORDER BY RAND () LIMIT 1";$res = $mysqli->query($sql);//print($res);i...
防止页面url缓存中ajax中post请求的处理方法
08-29
例如，我们可以在发送请求时，设置HTTP头信息中的Cache-Control字段为no-cache，这样可以防止浏览器缓存请求。 在使用Ajax时，我们还需要注意一些其他问题，例如，如何处理跨域请求的问题，如何处理回调函数的问题...
Ajax中浏览器的缓存问题解决方法
10-27
然而，浏览器的缓存机制可能会导致Ajax请求无法每次都从服务器端获取最新的数据，这就引出了浏览器缓存问题。当我们使用Ajax与服务器进行数据交换时，如果浏览器已经缓存了该请求的响应，它可能会直接返回缓存中的...
ajax获取返回随机数,AJAX
weixin_28929303的博客
08-06 405
AJAXAJAX：即“Asynchronous Javascript And XML”(异步的JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术，尤其是在一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。传统Web开发World Wide Web(简称Web)：是随着Internet的普及使用而发展起来的一门技术，其开发模式是一种请求→刷新→响应的模式，每个请求由单...
ajax提交加随机数
chunchun1230的博客
02-18 858
原因：多次提交时，若URL不变，浏览器可能会直接调用缓存中的数据，而不发送新的请求； ajax提交在URL后加随机数时为了欺骗服务器这是一个新的请求； 加随机数的方式有： 1：在ajax或者dwr提交的url后面加时间戳。 例如 http_request.onreadystatechange = funcName; http_request.open(“GET”, url, true)...
ajax请求增加随机数
weixin_38175213的博客
09-06 373
//随机数，防止请求不提交     var myDate = new Date();     var sjs=myDate.getMinutes()+""+myDate.getSeconds()+""+myDate.getMilliseconds(); 
防止缓存加载慢 添加版本随机数
aixush的博客
06-20 233
<script type="text/javascript"> document.write("<s" + "cript type='text/javascript' src='js.js?" + Math.random() + "'></s" + "cript>"); </script> 这个挺好用 添加版本随机数 防止浏览器缓存加载慢
getjson时使用random= Math.random 解决数据缓存问题
jion1761的博客
02-25 1330
问题1：为什么使用random=Math.random 答：首先，Math.random会产生一个随机数；      其次，使用参数random是为了解决该getJSON的缓存问题（即，当不使用该参数时，如果修改了要显示的数据，而getJSON（...）取得的仍然是更新前的数据，而取不到更新后的数据。） 问题2：getJSON()缓存问题是什么效果？ 答：在使用Jquery当中的getJS
URL后面加随机数
热门推荐
zheng_lan_fang的博客
10-11 1万+
1：在ajax或者dwr提交的url后面加时间戳。  例如  http_request.onreadystatechange = funcName;  http_request.open("GET", url, true); 比如url是test .jsp 那么我们在它后面加上?time=new Date(); 即url=test.jsp?time=new Date();
防止ie浏览器缓存ajax请求的解决方法
Chappi
10-26 1376
最近做一个项目，用户登录之前，通过ajax请求服务器弹窗提示用户登录，用户登录以后ajax请求仍然会弹窗提示登录，经检查发现在用户第一次请求后，ajax请求页面被缓存，导致服务器接受不到最新的请求而出现错误提示。 最简单有效的解决方法，在ajax的请求地址后面加一个动态的参数，可以是随机数，可以是时间戳，这样ie浏览器会认为你每次请求的是不同的页面，而不会去请求缓存页面。
为ajax发送请求时加时间戳或随机数
luyundesign的博客
03-27 665
var url="/***.phtml?date="+new Date().getTime(); //时间戳 var url="/***.phtml?num="+Math.random(); //随机数 备注：添加时间戳的方法，有可能ie浏览器下不兼容，须做好测试 ...
Ajax请求结果缓存问题解决方案
当多个Ajax请求指向相同的URL地址时，只有第一次请求会真正发送到服务端，而后续的请求都会直接从缓存中获取结果，这可能不是我们所期望的结果。例如，在获取实时数据的情况下，这种默认的缓存机制将导致数据不实时...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值