微信小程序的GET请求的介绍

1. 什么是GET请求

在HTTP协议中，GET请求方法是一种获取资源的方式，它通常用于查询参数、过滤器和排序等，也称为读取请求。使用GET请求方法，可以从特定的服务器端资源请求数据，并将其返回给客户端。

1.1 GET请求的优点

1）GET请求可以被缓存：对于同一个地址的GET请求，浏览器只需请求一次，就可以将其保存到本地的缓存里，方便以后再次使用同一个资源时不用再次请求服务器资源。

2）GET请求可被虚拟化：当在一个页面中多次使用同一个GET请求时，浏览器只会向服务器端发送一次请求，这样可以减少服务器的负荷。

1.2 GET请求的缺点

1）GET请求数据有长度限制：GET请求的URL长度通常被限制在2000个字符以内，如果超出这个范围，那么这个请求可能无法被发送。

2）GET请求数据会被保存在浏览器历史记录中：因为GET请求中的参数都是以查询字符串的形式传递的，所以它们很容易被保存在浏览器的历史记录中，这样很容易造成潜在的安全问题。

2. 微信小程序中GET请求的使用

在微信小程序中，要使用GET请求获取服务器端资源，首先需要创建一个HTTP请求对象，并且指定请求的方法和请求地址。

wx.request({
  url: '服务器地址',
  data: {},
  header: {'content-type':'application/json'},
  method: 'GET',
  dataType: 'json',
  responseType: 'text',
  success: function(res){},
  fail: function(res){},
  complete: function(res){}
})

2.1 GET请求中的参数

在微信小程序中，GET请求的参数可以通过两种方式传递到服务器端：

1）在URL中传递参数：将数据以查询字符串的形式放到URL地址中，这种方式传递参数比较简单，但是参数的长度有限制。

wx.request({
  url: '服务器地址?参数名1=参数值1&参数名2=参数值2',
  data: {},
  header: {'content-type':'application/json'},
  method: 'GET',
  dataType: 'json',
  responseType: 'text',
  success: function(res){},
  fail: function(res){},
  complete: function(res){}
})

2）在data中传递参数：将数据以对象的形式放到data参数中，这种方式传递参数比较灵活，可以传递多个参数，但是不能传递二进制数据。

wx.request({
  url: '服务器地址',
  data: {
    '参数名1': '参数值1',
    '参数名2': '参数值2'
  },
  header: {'content-type':'application/json'},
  method: 'GET',
  dataType: 'json',
  responseType: 'text',
  success: function(res){},
  fail: function(res){},
  complete: function(res){}
})

2.2 GET请求中的header

在微信小程序中，GET请求中的header参数用于设置请求头的信息，根据服务器的不同要求设置不同的参数。

wx.request({
  url: '服务器地址',
  data: {},
  header: {
      'content-type':'application/json',
      'Authorization': '授权信息'
  },
  method: 'GET',
  dataType: 'json',
  responseType: 'text',
  success: function(res){},
  fail: function(res){},
  complete: function(res){}
})

content-type：设置请求数据的类型，常用的类型包括application/json、application/x-www-form-urlencoded等。

Authorization：设置授权信息，通常会要求客户端在请求服务器的时候携带授权信息，比如使用OAuth授权等。

2.3 GET请求中的success和fail回调

在微信小程序中，GET请求成功和失败时，会分别触发success和fail回调函数。

success回调：当GET请求成功时，会执行success回调函数，返回服务器端的数据。

wx.request({
  url: '服务器地址',
  data: {},
  header: {'content-type':'application/json'},
  method: 'GET',
  dataType: 'json',
  responseType: 'text',
  success: function(res){
      console.log(res.data);
  },
  fail: function(res){},
  complete: function(res){}
})

fail回调：当GET请求失败时，会执行fail回调函数，返回错误信息。

wx.request({
  url: '服务器地址',
  data: {},
  header: {'content-type':'application/json'},
  method: 'GET',
  dataType: 'json',
  responseType: 'text',
  success: function(res){},
  fail: function(res){
      console.log(res.errMsg);
  },
  complete: function(res){}
})

3. 小结

GET请求是HTTP协议中常用的一种请求方式，它最大的优点是可以被缓存和虚拟化。在微信小程序中，使用GET请求获取服务器端资源，需要创建一个HTTP请求对象，并且指定请求的方法和请求地址。GET请求中还有一些重要的参数，比如header、dataType、responseType等，都需要根据具体的请求需求来设置。使用GET请求时，我们还需要注意一些安全的问题，比如应该用POST请求来传递敏感数据，不应该将敏感数据当做查询字符串放在URL中传递。