Ajax学习日志（七）—— 解决低版本IE浏览器的缓存问题

一、解决低版本IE浏览器的缓存问题

1.1） 低版本IE浏览器的缓存问题及解决方案

1.2）需了解的知识

fs
Node.js 文件系统（fs 模块）模块，其读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync()。
建议使用异步方法，比起同步，异步方法性能更高，速度更快，而且没有阻塞。

使用样例：
input.txt

菜鸟教程官网地址：www.runoob.com

var fs = require("fs");

// 异步读取 
// 异步的方法函数最后一个参数为回调函数，回调函数的第一个参数包含了错误信息(error)。
// fs.readFile(错误信息(error), 回调函数)
fs.readFile('input.txt', function (err, data) {
   if (err) {
       return console.error(err);
   }
   console.log("异步读取: " + data.toString());
});

// 同步读取
var data = fs.readFileSync('input.txt');
console.log("同步读取: " + data.toString());

console.log("程序执行完毕。");

1.3）在app.js同目录下新建一个txt文件

1.4）在app.js创建新路由

// 引入fs
const fs = require('fs');

// 创建新路由
app.get('/cache', (req, res)=>{
    fs.readFile('/aTextForIe.txt', (err, result)=>{
        res.send(result);
    })
})

1.5) 在public文件夹新建一个html文件

 <button id="btn">按钮</button>

    <script>
        // 绑定按钮
        let btn = document.getElementById('btn');
        // 给按钮创建点击事件
        btn.onclick = function () {
            let xhr = new XMLHttpRequest();
            xhr.open('get', 'http://localhost:8822/cache?te=' + Math.random());
            xhr.send();
            // 发送成功之后，如果Ajax状态码和Http状态码都显示服务器成功接收并响应数据，那么给予一个弹窗
            xhr.onreadystatechange = function () {
                if(xhr.readyState === 4 && xhr.status === 200){
                    alert(xhr.responseText);
                }
            }
        }
    </script>

1.6） 在浏览器运行

———————————————————————————————————————

上一篇：
Ajax学习日志（六）

下一篇：
Ajax学习日志（七）