Axios的使用简单说明

axios 请求方式和参数

axios 可以发送 ajax 请求，不同的方法可以发送不同的请求:

axios.get：发送get请求
axios.post：发送post请求
axios.put：发送put请求
axios.delete：发送delete请求

无论哪种方法，第一个参数为请求的后端接口

因为 post 和 put 请求方式，参数会放到请求体中，而 get 和 delete 请求方式，参数会放在 url 中

所以

1.post 和 put 请求时，第二个参数是一个对象，存储要发送给后端的数据

2.get 和 put 请求时：可以自己通过问号传值，也可以将参数对象包裹起来，放在第二个参数

axios 返回值（响应结构）

axios 会创建一个对象，里面有很多属性， axios 会将服务端返回的数据放到一个叫做 data 的属性中

补充:axios改造ajax的回调函数

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function ajax(type, url) {
const p = new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest()
xhr.open(type, url)
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
data = JSON.parse(xhr.responseText)
// 根据实际情况进行处理
resolve(data)
}
}
xhr.send()
})
return p
}
function f1() {
ajax('get', 'http://127.0.0.1:8000/app/f1/').then(data => {
console.log(data);
})
}
function f2() {
ajax('get', 'http://127.0.0.1:8000/app/f2/').then(data => {
console.log(data);
})
}
f1()
f2()
</script>
</body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/658721.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！