微信小程序网络请求wx.request的介绍

101 阅读 0 评论 67 点赞

我是靠谱客的博主超级睫毛，最近开发中收集的这篇文章主要介绍微信小程序网络请求wx.request的介绍，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

这篇文章主要介绍了微信小程序网络请求wx.request详解及实例的相关资料,需要的朋友可以参考下

微信小程序网络请求wx.request详解及实例

如果说小程序API里面最重要一个接口是哪一个？那么首推wx.request()。相当于在小程序内请发起一个https请求（本地调试模式下支持HTTP）。HTTP协议中共定义了八种方法或者叫“动作”来表明对Request-URI指定的资源的不同操作方式。

GET：向特定的资源发出请求。
POST：向指定资源提交数据进行处理请求。数据被包含在请求体中。
PUT：向指定资源位置上传其最新内容。
DELETE：请求服务器删除Request-URI所标识的资源。
HEAD：向服务器索要与GET请求相一致的响应，只不过响应体将不会被返回。
TRACE：回显服务器收到的请求，主要用于测试或诊断
OPTIONS：返回服务器针对特定资源所支持的HTTP请求方法。
CONNECT：HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。

小程序对以上8种方法全部支持。不过对于网络资源主要还是增删改查四种类型就够了，小程序后台接口主要使用还是类似RESTFull的方式。

put请求string

 wx.request({
    url: 'https://a86.cn/chishenme/ChishenmeDeciper',
    method:'PUT',
    dataType:'STRING',
    data:'this is strng data 这是一个中文数据',
    header: {'content-type': 'application/json'},
    success:function(res){
      console.log('this is put request result'+ res.data)
    }
  })
登录后复制

post请求 string header 不同

 wx.request({
    url: 'https://a86.cn/chishenme/ChishenmeDeciper',
    method: 'POST',
    dataType: 'STRING',
    data:'this is post string data',
    header: {'content-type':'application/x-www-form-urlencoded'},
    success: function (res) {
      console.log('this is post request result' + res.data)
    }
  })
登录后复制

注意点

1、请求的方法类型必须大写如GET、POST、PUT；

2、请求的方法类型需要用单引号或双引号包括起来；

3、dataTye 需要用单引号或双引号包括起来（内部约定也用大写）；

4、content-type 默认为 'application/json' 对于习惯用request.getParameter()获取参数的同学要注意

5、如果使用默认的header，服务端需要对传送过来的内容“流转字符串”

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！