网站源码论坛广告推广怎么找客户
Ajax：异步的JavaScript和XML
作用：
- 数据交换
- 异步交互
Axios：就是对原生Ajax进行封装，简化书写，快速开发
使用逻辑：
首先要安装Axios，可以通过npm在项目中安装：
- 打开命令行工具，进入项目根目录
- 运行以下命令来安装Axios:
npm install axios
- 安装完成后，你可以在项目中引入Axios来发送HTTP请求。在JavaScript文件中引入Axios的方法如下:
const axios = require('axios');
或者如果你是在浏览器环境中使用Axios，你可以通过<script>标签引入CDN：
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
这样就可以开始使用Axios来发送网络请求了。
axios({method:'GET',url:"http://localhost:3000/api/data"}).then((result)=>{ //成功回调函数console.log(result.data);}).catch((err)=>{ //失败回调函数alert(err);});method:请求方式，GET/POST....
url:请求路径
data:请求数据(POST)
params :发送请求时携带的url参数 如:...?key=val
Axios-请求方式别名
为了方便起见，Axios已经为所有支持的请求方法提供了别名
在Axios中，可以通过提供不同的方法来发送不同类型的HTTP请求。下面是一些常用的Axios请求别名方法：
axios.request(config)：发送自定义请求，可以定义请求的方法、URL、请求头、请求体等配置。
axios.request({method: 'post',url: 'https://api.example.com/custom_request',data: {key: 'value'}
})
.then(response => {console.log(response.data);
})
.catch(error => {console.error(error);
});
axios.get(url[, config])：发送GET请求，配置可以包括params、headers等。
axios.get('https://api.example.com/get_data', { params: { id: 123 } })
.then(response => {console.log(response.data);
})
.catch(error => {console.error(error);
});
axios.delete(url[, config])：发送DELETE请求，可以设置URL和请求配置。
axios.delete('https://api.example.com/delete_data', { params: { id: 456 } })
.then(response => {console.log(response.data);
})
.catch(error => {console.error(error);
});
axios.post(url[, data[, config]])：发送POST请求，同时可以传递请求体数据和配置。
axios.post('https://api.example.com/post_data', { key: 'value' }, { headers: { 'Content-Type': 'application/json' } })
.then(response => {console.log(response.data);
})
.catch(error => {console.error(error);
});
axios.put(url[, data[, config]])：发送PUT请求，可以传递URL、请求体数据和配置。
axios.put('https://api.example.com/put_data', { key: 'value' })
.then(response => {console.log(response.data);
})
.catch(error => {console.error(error);
});
通过使用这些请求别名方法，你可以更加方便地发送不同类型的HTTP请求。
输出先后顺序：
原因：Ajax是异步请求
解决方法：
异步同步化（让代码从上往下按顺序执行）
可以通过async、await可以让异步变为同步操作。async就是来声明一个异步方法，await是用来等待异步任务执行
