原生aJax请求（ XMLHttpRequest请求）的缓存问题

原创 于 2019-06-29 20:33:28 发布 · 997 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了在使用原生Ajax请求时遇到的缓存问题及解决方法。通过在URL中追加时间戳参数，可以有效避免浏览器从缓存中获取数据，确保每次请求都能获取到最新的服务器响应。

现象：缓存问题 

解决办法之一

request.setRequestHeader('Cache-Control', 'no-cache');

不过没啥用，结果还是从缓存中获取

 

彻底解决的办法，在URL中追加参数，不过我觉得并不高级

凑合着用

 url  = url +  "?timeStamp=" + new Date().getTime()

OK了，终于不从缓存中获取数据了。 

原生aJax请求

太古时代
关注
什么是AJAX如何使用原生JavaScript搭建AJAX请求
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
12-08 1190
引言基本概念和作用说明什么是AJAX？AJAX的作用XMLHttpRequest对象使用原生JavaScript搭建AJAX请求示例一：GET请求获取JSON数据示例二：POST请求提交表单数据示例三：处理超时和错误示例四：上传文件示例五：跨域请求功能使用思路开发技巧分析AJAX并不是一种新的编程语言，而是一种用于创建快速动态网页的技术。它结合了多种技术，包括HTML、CSS、JavaScript、XMLHttpRequest对象以及服务器端脚本。
原生JS实现Ajax请求
aaa33_3的博客
08-05 2784
前言：作为前端开发，向后端发起请求这是必不可少的一个步骤，通过请求，后端返回给我们相应的数据，根据数据我们做出相应的操作。一般来说，现在很多前端开发者发起请求时都是采用第三方库来实现，比如axios、jQuery库等等。 一.利用jQuery实现ajax方法 采用jQuery封装好的ajax方法发起请求很简单，代码就简单如下就可以了。 $.ajax({ url: , type: '', dataType: '', data: { }, s
浅析XMLHttpRequest的缓存问题
09-04
主要是对XMLHttpRequest的缓存问题进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
xmlhttprequest 缓存问题
weixin_34067102的博客
08-31 602
使用XMLHttpRequest发送异步请求时，由于缓存的问题，当url一样的时间就从上次得到的结果中直接取，而不与后台进行数据交互了，在网上找到几种方法 第一种，在url中加参数 例如 url=../users/cfgSubscriberAction.do?reqCode=_querySubscriberById&subscriberId="+...
解决XMLHttpRequest请求的缓存问题
葵歌小妖
12-18 5803
什么是缓存,就不用解释了, 大家在更新优快云博客时经常遇到的问题,很头疼. 如何解决浏览器的缓存问题,看例子. 一个访问页面计数器的小例子.不多做解释,直接运行,看运行效果. AJAXNew.html中: var xmlhttp; var cachexmlhttp;
原生js实现ajax请求和JSONP跨域请求操作示例
10-15
原生js实现ajax请求和JSONP跨域请求操作示例的知识点涉及了Web前端技术中的核心知识点，主要介绍的是如何使用JavaScript原生代码来发起网络请求以及如何处理跨域问题。以下是对给定文件内容中知识点的详细解读： 1....
实例讲解使用原生JavaScript处理AJAX请求的方法
10-22
在原生JavaScript中处理AJAX请求主要依靠的是XMLHttpRequest对象。以下是实现原生JavaScript处理AJAX请求的几个重要步骤和相关知识点： 1. 创建XMLHttpRequest对象： 根据不同浏览器的支持情况，通常有两种创建...
原生 JS Ajax,GET和POST 请求实例代码
11-25
需要注意的是，XMLHttpRequest对象必须与包含它的ajax方法在同一作用域内，否则可能会导致引用错误，从而无法正确发送请求。此外，POST请求通常用于提交大量数据或修改服务器上的资源，而GET请求常用于获取数据，...
xmlhttp缓存清除的2种解决方法
09-04
主要介绍了xmlhttp缓存清除的2种解决方法。需要的朋友可以过来参考下，希望对大家有所帮助
XMLHttpRequest请求的缓存问题的处理方案
yellow88488的专栏
12-15 8543
由于浏览器的缓存机制，当我们使用XMLHttpRequest发出请求的时候，浏览器会将请求的地址与缓存中的地址进行比较，如果存在相同记录则根据不向服务器发出请求而直接返回与上一次请求相同内容。其实不光是在Ajax应用中，在我们项目开发中使用一个基本的JavaScript更换验证码时，也会发生发出请求之后，并没有得到服务器端更新的结果的问题。以上皆是缓存问题，解决这类缓存问题并不麻烦，而且方法很多。
XMLHttpRequest缓冲池
guan2007的专栏
12-06 649
//XMLHttpRequest缓冲池//使用literal语法定义一个对象:XMLHttpvar XMLHttp = {//定义第一个属性,该属性用于缓存XMLHttpRequest对象数组XMLHttpRequestPool:[],//对象的第一个方法,该方法用于返回一个XMLHttpRequest对象getInstance:function(){var len =
xmlHttpRequest避免缓存的办法,innerhtml不更新
webnoties的专栏
12-09 1612
对于页面有时不更新innerhtml，可以在请求的URL地址后加上随机数，这样可以保证数据是最新的！！var nowTime = new Date().getTime();//获取当前时间作为随机数var url= "NewMessageAlertHandler.aspx?time="+nowTime;                xmlHttp.open("GET",url,true);
XmlHttp / XmlHttpRequest 避免缓存
珍爱生命 远离C++
07-11 8201
方法一：加If-Modified-Since 头 xmlhttp多次调用时它却总是显示缓存页面, 尝试在 php 或 asp 中加入相应的http头明确不要缓存, 也没什么效果!! 现在终于找到一个办法啦,就是在 xmlhttp.open 之后发送一个If-Modified-Since 头 即可, 代码如下       xmlhttp.setRequestHeader('If-Modified-Since', '0'); 方法二：请求URL后加变化参数       js:     URL
ajax请求缓存问题
我的菜地～～
05-16 510
问题：IE中如果XMLHttpRequest提交的URL与历史一样则使用缓存，根本不向服务器端提交。因此无法取到刚提交的数据。解决方法：为了让提交每次都向服务器端发送请求，而不是使用缓存。在URL中加时间戳 var url = BaseURL + "&timeStamp=" + new Date().getTime();        或者加随机数 var url = BaseURL + "&r=
XMLHttpRequest获取数据时避免缓存的方法
weixin_30892987的博客
02-24 287
①加If-Modified-Since头：　　XMLHttpRequest多次调用时它却总是显示缓存页面, 尝试在aspx页中加入相应的http头明确不要缓存, 也没有效果，终于百度到方法了，即在 xmlHttp.open("GET", url, false); 之后发送一个If-Modified-Since头即可, 代码如下： xmlHttp.setRequestHeader("If-Mo...
你真的会使用XMLHttpRequest吗？
weixin_33885676的博客
01-17 3837
看到标题时，有些同学可能会想：“我已经用xhr成功地发过很多个Ajax请求了，对它的基本操作已经算挺熟练了。” 我之前的想法和你们一样，直到最近我使用xhr时踩了不少坑儿，我才突然发现其实自己并不够了解xhr，我知道的只是最最基本的使用。于是我决定好好地研究一番xhr的真面目，可拜读了不少博客后都不甚满意，于是我决定认真阅读一遍W3C的X...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值