首先,简单介绍下,get和post请求方法,综合以往笔记,现整理如下:
一.HTTP请求比较:
两种在客户端和服务器端进行请求-响应的方法是:GET和POST。
- GET - 从指定的资源请求数据
- POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。
借鉴网上的图文解析!

二、HTTP 请求定义和方法
1.Ajax方法
根据响应的不同的 MIME 类型,传递给 success 回调函数的返回数据也有所不同,这些数据可以是 XML 根元素、文本字符串、JavaScript 文件或者 JSON 对象。也可向 success 回调函数传递响应的文本状态。
$.ajax({
type: ‘POST‘,
url: url,
data: data,
success: success,
dataType: dataType
});
1.Axios方法
前提下载好axios,import引入需要页面。
httpPost: function (url, data, callBack) {
axios.defaults.timeout = 9000
data.token = this.getToken()
data = qs.stringify(data)
console.log(‘---data=‘ + data)
axios.post(url, data, {‘xhrFields‘: {withCredentials: true}, crossDomain: true}).then(function (response) {
let data = response.data
if (data.code === 1) {
callBack(data.data)
} else {
Toast(data.msg)
}
}).catch(function (error) {
console.log(JSON.stringify(error))
})
},
httpGet: function (url, callBack) {
axios.defaults.timeout = 3000
url = url + ‘token=‘ + this.getToken()
console.log(‘geturl=‘ + url)
axios.get(url).then(function (response) {
if (response.status === 200) {
let data = response.data
if (data.code === 1) {
callBack(data.data)
} else {
Toast(data.msg)
}
}
}).catch(function (error) {
console.log(error)
})
},
新建一个Js文件,写好方法,在各个页面需要时调用, 增加代码的重复利用。以上仅为个人浅谈,不足之处还望大家留言批评指正,谢谢!
前端get和post那些事,仅供懒人参考
原文:https://www.cnblogs.com/ruoyaozhan/p/10928040.html