AJAX (4) — AJAX请求超时与缓存问题 、取消请求、请求重复发送问题

目录

一、AJAX请求超时与缓存问题 

  1.server.js文件         

  2.html文件

二、AJAX取消请求

三、AJAX请求重复发送问题

---

nodemon自动重启工具

nodemon是一种工具，可以自动检测到目录中的文件更改时通过重新启动应用程序来调试基于node.js的应用程序。

安装命令：npm install -g nodemon

一、AJAX请求超时与缓存问题 

  先设计出一个需求：

        点击按钮，向服务端发送请求，服务端返回结果，加一个超时设置，时间为2s，若2s后没有返回结果，则给用户一个提醒"网络超时，请稍后重试"

        完成该需求需要准备前端与服务端内容，准备一个html文件和一个js文件 

  1.server.js文件         

//1.引入express
const { response } = require('express');
const express = require('express');

//2.创建应用对象
const app = express()

//3.创建路由规则
app.get('/delay', (request, response) => {
    //设置响应头，设置允许跨域
    response.setHeader('Access-Control-Allow-Origin', '*')
    setTimeout(() => {
         //设置响应体
         response.send('延时响应')
    }, 3000)
});

//4.监听端口启动服务
app.listen(5000, () => {
    console.log('服务已经启动，5000端口监听中....');
})

  2.html文件