微信小程序网络请求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 相关文章推荐
新闻内页-JS分页
Jun 07 Javascript
js资料prototype 属性
Mar 13 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
Sep 16 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
May 27 Javascript
javascript中callee与caller的区别分析
Apr 20 Javascript
jquery实现倒计时效果
Dec 14 Javascript
Javascript之深入浅出prototype
Feb 06 Javascript
Easyui使用Dialog行内按钮布局的实例
Jul 27 Javascript
Vue使用vue-cli创建项目
Sep 01 Javascript
Node.js利用console输出日志文件的方法示例
Apr 27 Javascript
Vue 让元素抖动/摆动起来的实现代码
May 31 Javascript
vue 使用自定义指令实现表单校验的方法
Aug 28 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
PHP 中使用explode()函数切割字符串为数组的示例
2017/05/06 PHP
javascript工具库代码
2012/03/29 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
详解javascript实现瀑布流列式布局
2016/01/29 Javascript
JavaScript实现页面跳转的方式汇总
2016/05/16 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
通过BootStrap实现轮播图的实际应用
2016/09/26 Javascript
javascript 动态脚本添加的简单方法
2016/10/11 Javascript
Javascrip实现文字跳动特效
2016/11/27 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
微信小程序删除处理详解
2017/08/16 Javascript
jQuery实现简单日期格式化功能示例
2017/09/19 jQuery
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
2020/10/31 Javascript
[40:19]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.18
2020/12/19 DOTA
Python编写检测数据库SA用户的方法
2014/07/11 Python
Python3.5面向对象编程图文与实例详解
2019/04/24 Python
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
Pytorch 中retain_graph的用法详解
2020/01/07 Python
Python发送邮件实现基础解析
2020/08/14 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
详解Css3新特性应用之过渡与动画
2017/01/10 HTML / CSS
button在IE6/7下的黑边去除方案
2012/12/24 HTML / CSS
HTML5重塑Web世界它将如何改变互联网
2012/12/17 HTML / CSS
HTML5适合的情人节礼物有纪念日期功能
2021/01/25 HTML / CSS
德国最大的拼图在线商店:Puzzle.de
2016/12/17 全球购物
Mio Skincare英国官网:身体紧致及孕期身体护理
2018/08/19 全球购物
.NET概念性的面试题
2012/02/29 面试题
护士自我评价
2014/02/01 职场文书
个人工作主要事迹
2014/05/08 职场文书
公司市场专员岗位职责
2014/06/29 职场文书
法定代表人授权委托书范文
2014/09/22 职场文书
设立有限责任公司出资协议书
2014/11/01 职场文书
OpenCV-Python实现图像平滑处理操作
2021/06/08 Python