AJAX以及axios笔记-CFANZ编程社区

一、前置知识

1.浏览器的调试面板中额network（网络）选项

记录发送的请求

2.headers

单击其中任意一个请求

右侧header中的response header是响应头，request header是请求头，记录请求的信息

3.querty string parameters对URL中的参数进行解析和格式化

4.其他的选项

preview 响应预览

response 响应

initiator 请求链

timing 请求时长

cookie 浏览后的信息存储文件

5.拥有服务端

如果没有服务端就需要搭建一个简单服务端，可以使用express框架快速创建

（1）第一步

第一种，输入npm init 然后会要求输入一些配置项

根据官网规则更改即可

也可以直接用默认

第二种，也可以直接用默认

npm init --yes

（2）第二步

使用命令安装依赖

npm install express --save

安装成功

（3）第三步

创建一个简单的服务端

在node_modules的同等级目录中创建文件夹Ajax_express，并创建文件express.js服务端文件

在express.js中引入express模块，并配置规则

//1.引入express
const express = require('express');
//2.创建应用对象
const app = express();
// 定义一个端口
const port=3000;
// 3.创建路由规则
// request是对请求报文的封装
// response是对响应报文的封装
app.get('/',(request,response)=>{
    // 设置响应
    response.send('HELLO express');
});
// 4.监听端口服务
app.listen(port,()=>{
    console.log("服务已经启动，"+port+"端口监听中...");
})

在终端中打开进入该文件的文件夹中，启动服务