微信小程序网络请求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 相关文章推荐
JScript中的条件注释详解
Apr 24 Javascript
javascript作用域、作用域链(菜鸟必看)
Jun 16 Javascript
Javascript删除指定元素节点的方法
Jun 21 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
Aug 31 Javascript
JS实现的驼峰式和连字符式转换功能分析
Dec 21 Javascript
vue中使用sessionStorage记住密码功能
Jul 24 Javascript
Vue 路由 过渡动效 数据获取方法
Jul 31 Javascript
微信小程序生成二维码的示例代码
Mar 29 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
Nov 13 Javascript
vue.config.js常用配置详解
Nov 14 Javascript
JS校验与最终登陆界面功能完整示例
Jan 13 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 jQuery
微信小程序实现锚点定位楼层跳跃的实例
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
六酷社区论坛HOME页清新格调免费版 下载
2007/03/07 PHP
解决了Ajax、MySQL 和 Zend Framework 的乱码问题
2009/03/03 PHP
基于wordpress主题制作的具体实现步骤
2013/05/10 PHP
PHP与Web页面交互操作实例分析
2020/06/02 PHP
用htc组件制作windows选项卡
2007/01/13 Javascript
Jquery插件easyUi表单验证提交(示例代码)
2013/12/30 Javascript
Jquery插件分享之气泡形提示控件grumble.js
2014/05/20 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
jquery编写日期选择器
2017/03/16 Javascript
jQuery鼠标移动图片上实现放大效果
2017/06/25 jQuery
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
js动态引入的四种方法
2018/05/05 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
2018/09/30 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
jQuery实现简单弹幕制作
2020/12/10 jQuery
[52:40]完美世界DOTA2联赛PWL S2 Magma vs GXR 第一场 11.29
2020/12/02 DOTA
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
python 创建弹出式菜单的实现代码
2017/07/11 Python
python DataFrame 修改列的顺序实例
2018/04/10 Python
python numpy 部分排序 寻找最大的前几个数的方法
2018/06/27 Python
Pandas读取MySQL数据到DataFrame的方法
2018/07/25 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
Linux如何压缩可执行文件
2014/03/27 面试题
债务纠纷委托书范本
2014/10/14 职场文书
2014年公务员工作总结
2014/11/18 职场文书
青岛海底世界导游词
2015/02/11 职场文书
职称评定个人总结
2015/03/05 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书