微信小程序网络请求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实现的上传图片及图片大小验证、图片预览效果代码
Apr 12 Javascript
JS实现模仿微博发布效果实例代码
Dec 16 Javascript
jQuery中slideUp 和 slideDown 的点击事件
Feb 26 Javascript
JavaScript暂停和继续定时器的实现方法
Jul 18 Javascript
JS简单设置下拉选择框默认值的方法
Aug 20 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
Mar 09 Javascript
浅谈React Native Flexbox布局(小结)
Jan 08 Javascript
解决JS表单验证只有第一个IF起作用的问题
Dec 04 Javascript
postman自定义函数实现 时间函数的思路详解
Apr 17 Javascript
简单了解JavaScript异步
May 23 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 Javascript
利用js实现简易红绿灯
Oct 15 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 得到根目录的 __FILE__ 常量
2008/07/23 PHP
PHP 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
详解ThinkPHP3.2.3验证码显示、刷新、校验
2016/12/29 PHP
JavaScipt基本教程之JavaScript语言的基础
2008/01/16 Javascript
JQuery 学习笔记 选择器之四
2009/07/23 Javascript
25个优雅的jQuery Tooltip插件推荐
2011/05/25 Javascript
JS小功能(列表页面隔行变色)简单实现
2013/11/28 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
2015/12/04 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
图片上传之FileAPI与NodeJs
2017/01/24 NodeJs
ES6中class类用法实例浅析
2017/04/06 Javascript
详解vue-cli开发环境跨域问题解决方案
2017/06/06 Javascript
vue+iview写个弹框的示例代码
2017/12/05 Javascript
vscode中vue-cli项目es-lint的配置方法
2018/07/30 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
2018/08/13 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
2018/09/27 Javascript
node使用Mongoose类库实现简单的增删改查
2018/11/08 Javascript
JS实现联想、自动补齐国家或地区名称的功能
2020/07/07 Javascript
浅谈Python爬取网页的编码处理
2016/11/04 Python
Django如何将URL映射到视图
2019/07/29 Python
html5拖拽应用记录及注意点
2020/05/27 HTML / CSS
Smallable英国家庭概念店:设计师童装及家居装饰
2017/07/05 全球购物
联想澳大利亚官网:Lenovo Australia
2018/01/18 全球购物
工厂实习感言
2014/01/14 职场文书
采购部经理岗位职责
2014/02/10 职场文书
2015年手术室工作总结
2015/05/11 职场文书
2015中学教师个人工作总结
2015/07/22 职场文书
高中体育课教学反思
2016/02/16 职场文书
红灯733-1型14管5波段半导体收音机
2021/04/22 无线电
详解TypeScript中的类型保护
2021/04/29 Javascript
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server
HTML5 语义化标签(移动端必备)
2021/08/23 HTML / CSS
mysql的Buffer Pool存储及原理
2022/04/02 MySQL
Java的Object类的九种方法
2022/04/13 Java/Android