前端get和post那些事

  首先，简单介绍下，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文件，写好方法，在各个页面需要时调用， 增加代码的重复利用。以上仅为个人浅谈，不足之处还望大家留言批评指正，谢谢！

 

转载于:https://www.cnblogs.com/ruoyaozhan/p/10928040.html