Ajax缓存原理

柔光的暖阳◎ 2022-04-17 06:21 160阅读 0赞

**分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangjunshow]**

**也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！**

原文：[http://www.lingdublog.com/123.html][http_www.lingdublog.com_123.html]

**一、什么是Ajax缓存原理**

Ajax在发送的数据成功后，会把请求的URL和返回的响应结果保存在缓存内，当下一次调用Ajax发送相同的请求时，它会直接从缓存中把数据取出来，这是为了提高页面的响应速度和用户体验。当前这要求两次请求URL完全相同，包括参数。这个时候，浏览器就不会与服务器交互。

关于Ajax的更多内容请参考《[Ajax简介][Ajax]》

**二、Ajax缓存的好处**

这种设计使客户端对一些静态页面内容的请求，比如图片，css文件，js脚本等，变得更加快捷，提高了页面的响应速度，也节省了网络通信资源。

**三、Ajax缓存的不足**

Ajax缓存虽然有上述的好处，但是如果通过Ajax对一些后台数据进行更改的时候，虽然数据在后台已经发生改变，但是页面缓存中并没有改变，对于相同的URL，Ajax提交过去以后，浏览器还只是简单的从缓存中拿数据，这种情况当然就不行了。

**四、解决Ajax缓存问题的方法**

解决这个问题最有效的办法是禁止页面缓存，有以下几种处理方法：

1.在ajax发送请求前加上 xmlHttpRequest.setRequestHeader(“Cache-Control”,”no-cache”);

2.在服务端加 header(“Cache-Control: no-cache, must-revalidate”);

3.在ajax发送请求前加上 xmlHttpRequest.setRequestHeader(“If-Modified-Since”,”0″);

关于页面缓存的更多内容请参考《[【Web优化】Yslow优化法则（三）添加缓存控制首部][Web_Yslow]》，《[HTTP基本原理（浏览器缓存）][HTTP]》

#### 给我老师的人工智能教程打call！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangjunshow] ####

![这里写图片描述][SouthEast]

[http_blog.csdn.net_jiangjunshow]: https://blog.csdn.net/jiangjunshow/article/details/77338485
[http_www.lingdublog.com_123.html]: http://www.lingdublog.com/123.html
[Ajax]: http://blog.csdn.net/hudashi/article/details/50963494
[Web_Yslow]: http://blog.csdn.net/hudashi/article/details/50961292
[HTTP]: http://blog.csdn.net/hudashi/article/details/50789095
[SouthEast]: /images/20220417/81bcdb554c6d4c519d5e75c2069ed2e2.png