Ajax入门(七)
一、解决低版本IE浏览器的缓存问题1.1) 低版本IE浏览器的缓存问题及解决方案1.2)需了解的知识1.3)在app.js同目录下新建一个txt文件1.4)在app.js创建新路由1.5) 在public文件夹新建一个html文件1.6) 在浏览器运行一、解决低版本IE浏览器的缓存问题
1.1) 低版本IE浏览器的缓存问题及解决方案
1.2)需了解的知识
fs
Node.js 文件系统(fs 模块)模块,其读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync()。
建议使用异步方法,比起同步,异步方法性能更高,速度更快,而且没有阻塞。
使用样例:
input.txt
菜鸟教程官网地址:
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创建新路由
// 引入fsconst 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学习日志(七)