express的基本使用

js文件中

1、引入express

        const express = require('express');

2、创建应用对象

        const app = express();

3、创建路由规则     

   app.get('/', (request, response)=>{   //request是请求报文的封装，response是响应报文的封装

     response。setHeader('Access-Control-Allow-Origin', '*');    //设置响应头，支持跨域    
     response.send('内容')；    //响应体

   });

4、监听端口启动服务

app.listen(端口, ()=>{
    内容
})

HTML文件中

const btn = document.querySelector('button'); //获取元素
btn.onclick = function(){    //绑定事件
    const xhr = new XMLHttpRequest();    //1、创建对象
    xhr.open('请求方法', 'URL');          //2、初始化，设置请求方法和URL
    xhr.send();                          //3、发送
    
    xhr.setRequestHeader('名称','值')        //设置请求头

    //4、事件绑定 处理服务端返回的结果
    //readystate 是 xhr 对象中的属性，表示状态 0 1 2 3 4
    xhr.onreadystatechange = function(){
        if(xhr.readyState === 4){                         //判断（服务端返回了所有结果时是4）
            if(xhr.status >= 200 && xhr.status < 300){    //判断响应状态码，2xx表示成功
                //处理结果
            }
        }
    }
}

注：

        xhr.status    状态码

        xhr.statusText       状态字符串

        xhr.getAllResponseHeaders        所有响应头

        xhr.response        响应体