微信小程序网络请求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 函数链之演变
Apr 07 Javascript
如何将一个String和多个String值进行比较思路分析
Apr 22 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
May 31 Javascript
jquery常用操作小结
Jul 21 Javascript
dreamweaver 8实现Jquery自动提示
Dec 04 Javascript
js实现下拉框选择要显示图片的方法
Feb 16 Javascript
PHP7新特性简述
Jun 11 Javascript
JavaScript创建对象的常用方式总结
Aug 10 Javascript
JavaScript对JSON数组简单排序操作示例
Jan 31 Javascript
LayUI动态设置checkbox不显示的解决方法
Sep 02 Javascript
JavaScript实现简单计算器功能
Dec 19 Javascript
解决vue项目,npm run build后,报路径错的问题
Aug 13 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类
2006/10/09 PHP
php面向对象全攻略 (十一)__toString()用法 克隆对象 __call处理调用错误
2009/09/30 PHP
Ajax+PHP边学边练 之五 图片处理
2009/12/03 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
php中smarty区域循环的方法
2015/06/11 PHP
PHP中如何使用session实现保存用户登录信息
2015/10/20 PHP
动态调用CSS文件的JS代码
2010/07/29 Javascript
浅析JS刷新框架中的其他页面 && JS刷新窗口方法汇总
2013/07/08 Javascript
JQuery1.8 判断元素是否绑定事件的方法
2014/07/10 Javascript
js编写当天简单日历效果【实现代码】
2016/05/03 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
JavaScript中this的用法及this在不同应用场景的作用解析
2017/04/13 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
2017/08/16 Javascript
基于js中的原型(全面讲解)
2017/09/19 Javascript
基于vue-element组件实现音乐播放器功能
2018/05/06 Javascript
详解vue中axios的封装
2018/07/18 Javascript
用JS实现一个简单的打砖块游戏
2019/12/11 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
vue实现购物车列表
2020/06/30 Javascript
[01:05:36]VP vs TNC Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
Python实现读取txt文件并画三维图简单代码示例
2017/12/09 Python
Python读写/追加excel文件Demo分享
2018/05/03 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
什么是python的必选参数
2020/06/21 Python
CSS3线性渐变简单实现以及该属性在浏览器中的不同
2012/12/12 HTML / CSS
印度领先的眼镜电子商务网站:Lenskart
2019/12/16 全球购物
厨师岗位职责
2013/11/12 职场文书
测试工程师职业规划书
2014/02/06 职场文书
文员岗位职责范本
2014/03/08 职场文书
公司委托书格式范文
2014/04/04 职场文书
日语专业求职信
2014/07/04 职场文书
信仰心得体会
2014/09/05 职场文书
2014年国庆节广播稿
2014/09/19 职场文书
货款欠条范本
2015/07/03 职场文书
安全生产会议制度
2015/08/06 职场文书
java实现web实时消息推送的七种方案
2022/07/23 Java/Android