微信小程序网络请求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 相关文章推荐
JavaScript CSS修改学习第一章 查找位置
Feb 19 Javascript
this和执行上下文实现代码
Jul 01 Javascript
JavaScript用Number方法实现string转int
May 13 Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 Javascript
JavaScript实现鼠标点击后层展开效果的方法
May 13 Javascript
JavaScript中的toLocaleDateString()方法使用简介
Jun 12 Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
Mar 25 Javascript
vue init失败简单解决方法(终极版)
Dec 22 Javascript
vue+webpack模拟后台数据的示例代码
Jul 26 Javascript
关于RxJS Subject的学习笔记
Dec 05 Javascript
vue element 中的table动态渲染实现(动态表头)
Nov 21 Javascript
vue组件内部引入外部js文件的方法
Jan 18 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
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
php中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
PHP操作Redis数据库常用方法示例
2018/08/25 PHP
tp5 实现列表数据根据状态排序
2019/10/18 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
JavaScript CSS修改学习第一章 查找位置
2010/02/19 Javascript
js动态控制table的tr、td增加及删除的具体实现
2014/04/30 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
node.js从数据库获取数据
2016/05/08 Javascript
基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
2016/10/30 Javascript
angular中的http拦截器Interceptors的实现
2017/02/21 Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
2018/01/03 Javascript
解决antd Form 表单校验方法无响应的问题
2020/10/27 Javascript
JavaScript函数柯里化实现原理及过程
2020/12/02 Javascript
django实现同一个ip十分钟内只能注册一次的实例
2017/11/03 Python
PyTorch上实现卷积神经网络CNN的方法
2018/04/28 Python
Python利用requests模块下载图片实例代码
2019/08/12 Python
python输出数组中指定元素的所有索引示例
2019/12/06 Python
Python打开文件、文件读写操作、with方式、文件常用函数实例分析
2020/01/07 Python
pytorch1.0中torch.nn.Conv2d用法详解
2020/01/10 Python
Python Scrapy图片爬取原理及代码实例
2020/06/12 Python
Selenium Webdriver元素定位的八种常用方式(小结)
2021/01/13 Python
Links of London官方网站:英国标志性的珠宝品牌
2017/04/09 全球购物
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
毕业生自荐信格式
2014/03/07 职场文书
《她是我的朋友》教学反思
2014/04/26 职场文书
电台编导求职信
2014/05/06 职场文书
优秀德育工作者事迹材料
2014/05/07 职场文书
2014年度培训工作总结
2014/11/27 职场文书
房屋租房协议书范本
2014/12/04 职场文书
2014年党总支工作总结
2014/12/18 职场文书
2015年法制宣传月活动总结
2015/03/26 职场文书
经营目标责任书
2015/05/08 职场文书
golang import自定义包方式
2021/04/29 Golang
苹果可能正在打击不进行更新的 App
2022/04/24 数码科技