首页 > 其他 > 详细

前端get和post那些事,仅供懒人参考

时间:2019-05-26 22:43:35      阅读:193      评论:0      收藏:0      [点我收藏+]

  首先,简单介绍下,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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!