Ajax缓存和编码问题的最终解决方案

最新推荐文章于 2021-11-10 14:38:07 发布

转载最新推荐文章于 2021-11-10 14:38:07 发布 · 765 阅读

本文介绍了解决Ajax在使用过程中遇到的缓存及编码问题的方法。对于缓存问题，可以通过添加随机字符串、禁止HTTP缓存或设置XMLHttpRequest请求头来解决；而对于编码问题，则需确保前后端字符编码一致，通常将JS文件另存为UTF-8格式即可避免乱码。

ajax缓存和编码问题不难解决，下面是解决方法。

编码问题

默认使用UTF-8，如果一旦发现对象找不到的情况，可能js中输入了中文，同时js的编码格式可能为gb2312，可用记事本打开js，另存为utf-8格式的文档。

通过XMLHttpRequest获取的数据，默认的字符编码是UTF-8，如果前端页面是GB2312或者其它编码，显示获取的数据就是乱码。通过XMLHTTPRequest，POST的数据也是UTF-8编码，如果后台是GB2312或者其他编码也会出现乱码。

Cache缓存问题

由于IE的缓存处理机制问题，每次通过XMLHttpRequest访问动态页面返回的总是首次访问的内容，解决方法有：

1. 客户端通过添加随机字符串解决。如：

var url = 'http://www.bothv.com/';
url += '?temp=' + new Date().getTime();
url += '?temp=' + Math.random();

2. 在HTTP headers禁止缓存。如：

HTTP:

PHP：

header("Expires: Thu, 01 Jan 1970 00:00:01 GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");

ASP：

Response.expires=0
Response.addHeader("pragma","no-cache")
Response.addHeader("Cache-Control","no-cache, must-revalidate")

JSP：

response.addHeader("Cache-Control", "no-cache");
response.addHeader("Expires", "Thu, 01 Jan 1970 00:00:01 GMT");

3. 在XMLHttpRequest发送请求之前加上：

XMLHttpRequest.setRequestHeader("If-Modified-Since","0");
XMLHttpRequest.send(null);