2020-03-19

axios 前后端数据交互的方法

基于promise的一个http请求方式，可以在客户端和服务端进行使用
特点：
1、在浏览器中可以创建XMLHTTPRequest
2、可以在服务端创http服务
3、支持promiseAPI
4、数据类型的转换
5、数据类型的劫持
.....

1、get请求
axios.get("/user",{
params:{
//需要传递的参数
},
headers:{}
})
.then(()=>{})
.catch(()=>{})

2、post
axios.post("/user",{
//需要传递的参数
}).
then(()=>{})
.catch(()=>{})

3、axios的综合写法
axios({
method:"请求的方式"
url:"请求的地址"
data:发送的数据
headers:请求头
}).then(()=>{})
.catch(()=>{})

axios
post请求的时候参数通过data进行传递
get请求的时候参数通过params进行传递
axios.create:创建一个新的axios
headers:{
content-type:"application/json"
application/x-www-form-urlencoded
name=zhangsan&age=19
}
withCredentials:携带cookie

#######json
本地写json数据并在页面中调用：
一种是用js文件中写的，
在html文件中调用 之后可以用console.log()查看。
一种是在json文件中写的。
可以使用ajax来调用
$.ajax({
url: "路径 + 名称.json",//json文件位置
type: "post",
dataType: "json", //返回数据格式为json
success: function(data) {//请求成功完成后要执行的方法
console.log(data)
}
})

3JSONP

JSONP指的是 JSON with Padding。
JSONP 是一种无需考虑跨域问题即可传送 JSON 数据的方法。
JSONP 不使用 XMLHttpRequest 对象。
JSONP 使用