Ajax
由客户端请求ajax引擎,再由ajax引擎请求服务器,服务器作出一系列响应之后返回给ajax引擎,由ajax引擎决定将这个结果写入到客户端的什么位置,实现页面无刷新更新数据。
创建Ajax步骤:
1、创建异步对象
2、设置回调函数(URL,参数,方法等)
3、使用open方法和服务器建立连接
4、发送请求
5、接收返回信息
Ajax实现了客户端和服务端的页面无刷新就可以更新技术,但是也有一个缺点,就是地域回调,所以axios就出现了。axios是基于promise封装了Ajax,也是通过XMLHttpRequest对象实现的但是已经没有了地域回调的问题。
axios可以转换请求数据和响应数据,并对响应回来的内容自动转换成 JSON类型的数据,并且还支持请求拦截器和响应拦截器。
请求拦截器:向后台发送请求前拦截下来,常规操作是携带token等一些请求头的配置。
响应拦截器:拦截后台给客户端返回的响应,对应状态码的操作。
axios使用:
// 引入axios
import axios from ‘axios’
// 系统全局请求对象
const service = axios.create({
baseURL: 127.0.0.1,
timeout: 60000,
responseType: ‘json’,
validateStatus(status) {
return status === success
}
})
// 拦截器
service.interceptors.request.use()
service.interceptors.response.use()
// 使用axios的常用方法
const request = {
service: service,
post(url, params) {
return service.post(url, params, {
transformRequest: [(params) => {
return tansParams(params)
}],
headers: {
‘Content-Type’: ‘application/x-www-form-urlencoded’
}
})
},
…
}
export default request = {}