用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 新手教程 查看内容

小程序网络请求wx.request

Rolan 2017-5-18 00:41

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

如果说小程序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的方式。


  1.    //put请求string

  2.    wx.request({

  3.        url: 'https://a86.cn/chishenme/ChishenmeDeciper',

  4.        method:'PUT',

  5.        dataType:'STRING',

  6.        data:'this is strng data 这是一个中文数据',

  7.        header: {'content-type': 'application/json'},

  8.        success:function(res){

  9.            console.log('this is put request result'+ res.data)

  10.        }

  11.    })


  1.    //post请求 string  header 不同

  2.    wx.request({

  3.        url: 'https://a86.cn/chishenme/ChishenmeDeciper',

  4.        method: 'POST',

  5.        dataType: 'STRING',

  6.        data:'this is  post  string data',

  7.        header: {'content-type':'application/x-www-form-urlencoded'},

  8.        success: function (res) {

  9.            console.log('this is  post request result' + res.data)

  10.        }

  11.    })



注意点


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

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

3、dataTye 需要用单引号或双引号包括起来(内部约定也用大写);

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

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


鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
来自: 全栈工程师

相关阅读