怎么在html发送异步axios请求
时间: 2024-09-10 20:07:49 浏览: 49
html中使用axios异步请求
在HTML中使用axios发送异步请求通常会配合JavaScript(尤其是ES6+的Promise或async/await语法),而不是直接嵌入HTML标签。这里是一个基本的例子,展示了如何在JavaScript中使用axios:
```javascript
// 引入axios库
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
// 创建axios实例
const axios = axios.create({
baseURL: 'https://api.example.com', // API的基础URL
timeout: 5000, // 请求超时时间
});
// 发送GET请求
function sendAsyncRequest(url) {
axios.get(url)
.then(response => {
console.log('Success:', response.data);
// 在这里处理成功响应的数据
})
.catch(error => {
console.error('Error:', error);
// 错误处理
});
}
// 调用函数并传入你需要的URL
sendAsyncRequest('/your-api-endpoint');
```
阅读全文