微信小程序网络请求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 $(document).ready() 与window.onload的区别
Dec 28 Javascript
23个Javascript弹出窗口特效整理
Feb 25 Javascript
表格单元格交错着色实现思路及代码
Apr 01 Javascript
动态加载脚本提升javascript性能
Feb 24 Javascript
jquery 操作两个select实现值之间的互相传递
Mar 07 Javascript
JQuery实现图片轮播效果
Sep 15 Javascript
AngularJS中处理多个promise的方式
Feb 02 Javascript
javascript实现简单计算器效果【推荐】
Apr 19 Javascript
Bootstrap Table从零开始
Jun 30 Javascript
angular4实现tab栏切换的方法示例
Oct 21 Javascript
JavaScript函数的4种调用方法实例分析
Mar 05 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
Jun 24 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
ASP和PHP都是可以删除自身的
2007/04/09 PHP
也谈php网站在线人数统计
2008/04/09 PHP
PHP开发工具ZendStudio下Xdebug工具使用说明详解
2013/11/11 PHP
3款值得推荐的微信开发开源框架
2014/10/28 PHP
PHP面向对象之后期静态绑定功能介绍
2015/05/18 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
用js实现计算加载页面所用的时间
2010/04/02 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
2014/10/17 Javascript
jQuery ajax应用总结
2016/06/02 Javascript
第一次接触神奇的前端框架vue.js
2016/12/01 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
Angular.js实现获取验证码倒计时60秒按钮的简单方法
2017/10/18 Javascript
JS实现的按钮点击颜色切换功能示例
2017/10/19 Javascript
详解如何在angular2中获取节点
2017/11/23 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
2018/07/18 Javascript
20道JS原理题助你面试一臂之力(必看)
2019/07/22 Javascript
js实现随机点名功能
2020/12/23 Javascript
Python AES加密模块用法分析
2017/05/22 Python
Django的分页器实例(paginator)
2017/12/01 Python
PyTorch快速搭建神经网络及其保存提取方法详解
2018/04/28 Python
django2+uwsgi+nginx上线部署到服务器Ubuntu16.04
2018/06/26 Python
学生信息管理系统python版
2018/10/17 Python
python numpy实现文件存取的示例代码
2019/05/26 Python
python 计算一个字符串中所有数字的和实例
2019/06/11 Python
Python面向对象程序设计之私有变量,私有方法原理与用法分析
2020/03/23 Python
详解CSS3 Media Queries中媒体属性的使用
2016/02/29 HTML / CSS
Skyscanner加拿大:全球旅行搜索平台
2018/11/19 全球购物
商务英语专业毕业生自荐信
2013/11/05 职场文书
小学毕业家长寄语
2014/01/19 职场文书
致800米运动员广播稿(10篇)
2014/10/17 职场文书
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python
通过Python把学姐照片做成拼图游戏
2022/02/15 Python
Django框架中表单的用法
2022/06/10 Python
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android