原生ajax 在服务器响应前撤销请求

    
    
    
    
    



    点我提交
    

    点我提交
    点我取消请求

// 引入express
const express =require('express');
// 2.创建应用对象
const app =express();

// 3.创建路由规划
// request 是对请求报文的封装
// response是对响应报文的封装
// 要在后面输入server才可访问http://localhost:8000/server
app.get('/server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-headers','*');
    // 设置响应
    response.send('hello  express');
});
app.post('/server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    // 接受所有请求的头信息
    response.setHeader('Access-Control-Allow-headers','*');
    // 设置响应
    response.send('hello  express');
});
app.all('/server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    // 接受所有请求的头信息
    response.setHeader('Access-Control-Allow-headers','*');
    // 设置响应
    response.send('hello  express');
});
app.all('/json-server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    // 接受所有请求的头信息
    response.setHeader('Access-Control-Allow-headers','*');
    const data ={
        name:'hxyt'
    };
    const data2=[1,12,3];
    let str2=JSON.stringify(data2);
    let str =JSON.stringify(data);
    // 设置响应
    response.send(str);
});
app.all('/delay',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    // 接受所有请求的头信息
    response.setHeader('Access-Control-Allow-headers','*');
    const data ={
        name:'hxyt'
    };
    let str =JSON.stringify(data);
    // 设置响应,等3s再返回
    setTimeout(()=>{
      response.send("延时响应");
    },30000)
});
app.listen(8000,()=>{
    console.log("服务已经启动，8000端口监听中");
})

版本号是21ac8bb

https://gitee.com/rjgc1192/ajax/tree/master/

取消成功