微信小程序网络请求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 通用loading动画效果实例代码
Jan 14 Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 Javascript
javascript设置页面背景色及背景图片的方法
Dec 29 Javascript
JS实现输入框提示文字点击时消失效果
Jul 19 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
使用vue.js编写蓝色拼图小游戏
Mar 17 Javascript
layui前段框架日期控件使用方法详解
May 19 Javascript
vue2.0 自定义日期时间过滤器
Jun 07 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
Aug 17 Javascript
vue项目强制清除页面缓存的例子
Nov 06 Javascript
ES6新增的数组知识实例小结
May 23 Javascript
react国际化react-intl的使用
May 06 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
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
PHP读取ACCESS数据到MYSQL的代码
2011/05/11 PHP
Js callBack 返回前一页的js方法
2008/11/30 Javascript
文本框获得焦点和失去焦点的判断代码
2012/03/18 Javascript
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
2017/01/05 Javascript
基于JQuery及AJAX实现名人名言随机生成器
2017/02/10 Javascript
JS实现json的序列化和反序列化功能示例
2017/06/13 Javascript
理解Angular的providers给Http添加默认headers
2017/07/04 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
2017/07/30 Javascript
vue打包使用Nginx代理解决跨域问题
2018/08/27 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
2018/09/12 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
2019/05/09 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
2020/07/20 Javascript
[02:49]2018DOTA2亚洲邀请赛主赛事决赛日战况回顾 Mineski鏖战5局夺得辉耀
2018/04/10 DOTA
[50:05]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
python处理json数据中的中文
2014/03/06 Python
Python循环实现n的全排列功能
2019/09/16 Python
tensorflow -gpu安装方法(不用自己装cuda,cdnn)
2020/01/20 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
英国著名的药妆网站:Escentual
2016/07/29 全球购物
世界上最大的隐形眼镜商店:1-800 Contacts
2018/11/03 全球购物
面向对象编程的优势是什么
2015/12/17 面试题
方正Java笔试题
2014/07/03 面试题
简历中个人求职的自我评价模板
2013/11/29 职场文书
信息专业大学生自我评价分享
2014/01/17 职场文书
法制宣传日活动总结
2014/04/29 职场文书
护士演讲稿优秀范文
2014/04/30 职场文书
感恩节寄语2015
2015/03/24 职场文书
财务部岗位职责范本
2015/04/14 职场文书
新员工辞职信范文
2015/05/12 职场文书
礼仪培训心得体会
2016/01/22 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书
MySQL下使用Inplace和Online方式创建索引的教程
2021/05/26 MySQL