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

菜鸟教程官网地址: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学习日志(七)

Ajax学习日志(七)—— 解决低版本IE浏览器的缓存问题相关推荐

  1. AJAX---发送POST请求、Get请求、请求四步、解决低版本的缓存问题

    目录 一.readyState状态值的理解 二.第一个AJAX请求详解 发送AJAX四步 发送Get请求 解决低版本IE浏览器的AJAX的Get缓存问题 AJAX发送POST请求 AJAX案例:POS ...

  2. AJAX学习笔记(基本使用,请求参数传递,获取服务端响应,错误处理,低版本IE浏览器缓存问题及解决)

    1. Ajax实现步骤 创建ajax对象 let xhr = new XMLHttpRequest(); 告诉ajax请求地址及请求方式 xhr.open('get','http://www.exam ...

  3. 解决opacity属性在低版本IE浏览器下失效的方法

    以前,一直都以为ie9以下的版本不支持opacity属性.所以就同时使用 opacity和ie独特的filter蒙版.但是有些时候需要一些动态的效果,就比如层的渐渐消失,隐藏,就需要使用动态变化的op ...

  4. 低版本IE浏览器不支持前端代码修改属性remove()的解决办法

    今天在工作中碰到了低版本IE浏览器不支持对象属性移除(remove)和添加(add)的方法,请教了同事结合在网上找到的资源最后写了这一段代码,完美的解决了一个前端基础问题,在此记录一下,希望可以帮助到 ...

  5. 解决低版本IE关于html5新特性的兼容性问题html5shiv.js和Respond.js,以及excanvas.js解决低版本IE不支持canvas的问题...

    插件:html5shiv.js 让IE9以下版本支持html5新标签,git地址https://github.com/aFarkas/html5shiv 用于解决IE9以下版本浏览器对HTML5新增标 ...

  6. Ajax学习日志(三)—— 如何传递get请求参数

    Ajax入门(三) 一.如何传递get请求参数 1.1) 在app.js创建新路由 1.2) 在public文件夹新建一个html文件 1.3)运行 一.如何传递get请求参数 1.1) 在app.j ...

  7. html5加js兼容性辅助,解决低版本IE关于html5新特性的兼容性问题html5shiv.js和Respond.js,以及excanvas.js解决低版本IE不支持canvas的问题...

    插件:html5shiv.js 让IE9以下版本支持html5新标签,git地址https://github.com/aFarkas/html5shiv 用于解决IE9以下版本浏览器对HTML5新增标 ...

  8. html兼容ie低版本,jquery不兼容低版本ie浏览器怎么办?

    jquery不兼容低版本ie浏览器怎么办? 1.可以使用原生JS或者低版本的Jquery1.x版本.因为Jquery从2.x版本开始已经不再进行IE低版本(IE6.IE7.IE8)的兼容性处理.如果需 ...

  9. jsencrypt.js 兼容低版本IE浏览器(IE9以下)

    jsencrypt.js 兼容低版本IE浏览器(IE9以下) IE5.IE6.IE7.IE8使用jsencrypt.js IE5.IE6.IE7.IE8使用RSA加密 JS使用非对称加密 SCRIPT ...

最新文章

  1. 天昊Accu16S细菌绝对定量测序项目登陆顶级环境杂志《Journal of Hazardous Materials》...
  2. Loj #3055. 「HNOI2019」JOJO
  3. Oceanus:美团HTTP流量定制化路由的实践
  4. boost::fusion::remove用法的测试程序
  5. 数学--数论--HDU-2698 Maximum Multiple(规律)
  6. bugku 杂项 就五层你能解开吗_9.65米解放龙V杂项危险废物厢式运输车62
  7. SpringMvc渲染视图
  8. Writing a good grant proposal
  9. 字节流通向字符流的桥梁:InputStreamReader
  10. 【NeurIPS 2019】最大熵的蒙特卡洛规划算法
  11. 2021年《职业防治法》宣传周活动资料海报挂图及职业病知识小手册等
  12. poj 1113 Wall 凸包
  13. 颜色直方图匹配(一)
  14. 微信开发工具tabBar中的list 图片为啥加载不出来?
  15. 一个有界面的pdf合成工具(python)超级简单实用可做成exe
  16. Win10如何批量修改文件名,实现向后加固定的数字,001.jpg——999.jpg
  17. 机器人公司都吓傻了?因为谷东AR入局了嘛!
  18. css轮播箭头怎么隐藏,CSS——轮播图中的箭头
  19. (一) Vue在创建的时候 入口文件 及相关的路由配置(及子路由配置)
  20. 使用ubuntu22.04的ibus键盘的汉语输入法

热门文章

  1. 2023SSM毕设 中药店商城系统(含源码+论文)
  2. 建立个人网站1:腾讯云域名购买,域名解析以及使用GitHub初步搭建网站
  3. 2、Linux下编译并搭建AzerothCore服务端
  4. 计算机相关英文文档重点单词(二)
  5. 安卓刷机遇到的一些问题
  6. 当舱内娱乐“遭遇”安全监管,下一个市场增长引擎“接力”
  7. linux系统我的世界开服,Ubuntu Linux下搭建Minecraft我的世界服务器
  8. c语言验证卡不列克常数,卡布列克数
  9. 我的妻子总问我她今天该穿什么,于是我用AI做了这样一款时尚应用
  10. 前端练习4-立方体翻转效果