Ajax:浏览器和服务器之间数据交互的方式,底层是基于浏览器提供的xhr对象
基于xhr发起get请求
- 创建实例
- Open函数
- Send函数
- Onreadystatechange事件
const xhr=new XMLHttpRequest()
xhr.open("GET","http://www.liulongbin.top:3006/api/getbooks")
xhr.send()
xhr.onreadystatechange=function(){
if(xhr.readyState == 4 && xhr.status == 200){
console.log(xhr.responseText)
}
}
Json:字符串,存储数据。两种结构:数组和对象
Json转js对象 JSON.parse()
js对象转json字符串 JSON.stringfy()
Axios:对ajax进行封装
基于axios发起请求
- 导入axios第三方库 params={id:1}
- axios.get(url,{params:params}).then(function(res){ res.data })
- axios.post(url,params).then(function(res){ })
直接使用axios进行请求
axios({
method:“GET”,
url:””,
Params:{ }
}).then( function(res){
Console.log(res.data)
})
axios({
method:“POST”,
url:””,
data:{ }
}).then( function(res){
Console.log(res.data)
})
标签:function,axios,res,笔记,学习,xhr,ajax,params,data From: https://www.cnblogs.com/yuro12138/p/17273113.html