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


Posted in Javascript onMay 18, 2017

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

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

  1. GET:向特定的资源发出请求。
  2. POST:向指定资源提交数据进行处理请求。数据被包含在请求体中。
  3. PUT:向指定资源位置上传其最新内容。
  4. DELETE:请求服务器删除Request-URI所标识的资源。
  5. HEAD:向服务器索要与GET请求相一致的响应,只不过响应体将不会被返回。
  6. TRACE:回显服务器收到的请求,主要用于测试或诊断
  7. OPTIONS:返回服务器针对特定资源所支持的HTTP请求方法。
  8. 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,服务端需要对传送过来的内容“流转字符串”

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
JQuery获取当前屏幕的高度宽度的实现代码
Jul 12 Javascript
jquery 滚动条事件简单实例
Jul 12 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
Dec 18 Javascript
js 获取元素所有兄弟节点的实现方法
Sep 06 Javascript
JavaScript运动框架 链式运动到完美运动(五)
May 18 Javascript
JS之if语句对接事件动作逻辑(详解)
Jun 28 Javascript
javascript如何用递归写一个简单的树形结构示例
Sep 06 Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 Javascript
Angular 封装并发布组件的方法示例
Apr 19 Javascript
js实现固定区域内的不重叠随机圆
Oct 24 Javascript
在vue中利用v-html按分号将文本换行的例子
Nov 14 Javascript
JavaScript创建表格的方法
Apr 13 Javascript
微信小程序实现锚点定位楼层跳跃的实例
May 18 #Javascript
Vue2 使用 Echarts 创建图表实例代码
May 18 #Javascript
AngularJS折叠菜单实现方法示例
May 18 #Javascript
jQuery Validate 校验多个相同name的方法
May 18 #jQuery
easyUI下拉列表点击事件使用方法
May 18 #Javascript
AngularJS自定义指令之复制指令实现方法
May 18 #Javascript
AngularJS使用ng-class动态增减class样式的方法示例
May 18 #Javascript
You might like
Laravel框架实现发送短信验证功能代码
2016/06/06 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
PHP基于curl后台远程登录正方教务系统的方法
2016/10/14 PHP
PHP设计模式(五)适配器模式Adapter实例详解【结构型】
2020/05/02 PHP
Alliance vs AM BO3 第一场2.13
2021/03/10 DOTA
用Javascript 获取页面元素的位置的代码
2009/09/25 Javascript
Javascript面向对象编程(三) 非构造函数的继承
2011/08/28 Javascript
JQuery扩展插件Validate 1 基本使用方法并打包下载
2011/09/05 Javascript
js展开闭合效果演示代码
2013/07/24 Javascript
不使用jquery实现js打字效果示例分享
2014/01/19 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
2014/10/17 Javascript
轻量级网页遮罩层jQuery插件用法实例
2015/07/31 Javascript
jQuery实现可编辑的表格实例讲解(2)
2015/09/17 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
2017/02/27 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
2017/06/04 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
详解ES6中的Map与Set集合
2019/03/22 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
2019/09/05 Javascript
JS实现骰子3D旋转效果
2019/10/24 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
[02:23]完美世界全国高校联赛街访DOTA2第一期
2019/11/28 DOTA
Django 登陆验证码和中间件的实现
2018/08/17 Python
Python 项目转化为so文件实例
2019/12/23 Python
Python修改列表值问题解决方案
2020/03/06 Python
python破解同事的压缩包密码
2020/10/14 Python
纯CSS3实现移动端展开和收起效果的示例代码
2020/04/26 HTML / CSS
联想阿根廷官方网站:Lenovo Argentina
2019/10/14 全球购物
预备党员入党自我评价范文
2014/03/10 职场文书
消防安全责任书范本
2014/04/15 职场文书
大学应届毕业生求职信
2014/05/24 职场文书
毕业生个人总结
2015/02/28 职场文书
大学生,三分钟即兴演讲稿
2019/07/22 职场文书
一文搞懂Python Sklearn库使用
2021/08/23 Python
Golang gRPC HTTP协议转换示例
2022/06/16 Golang