微信小程序网络请求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的Ajax跨域请求原理概述及实例
Apr 26 Javascript
用js代码和插件实现wordpress雪花飘落效果的四种方法
Dec 15 Javascript
javascript实现字符串反转的方法
Feb 05 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
May 06 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
Apr 27 Javascript
layui table 参数设置方法
Aug 14 Javascript
Vue.js 父子组件通信的十种方式
Oct 30 Javascript
基于vue实现一个禅道主页拖拽效果
May 27 Javascript
vue+element项目中过滤输入框特殊字符小结
Aug 07 Javascript
Vue路由模块化配置的完整步骤
Aug 14 Javascript
Vue基本指令实例图文讲解
Feb 25 Vue.js
微信小程序实现锚点定位楼层跳跃的实例
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 表单数据的获取代码
2009/03/10 PHP
PHP 获取目录下的图片并随机显示的代码
2009/12/28 PHP
探讨如何在php168_cms中提取验证码
2013/06/08 PHP
PHP获得数组交集与差集的方法
2015/06/10 PHP
PHP文件上传、客户端和服务器端加限制、抓取错误信息、完整步骤解析
2017/01/12 PHP
IE6下通过a标签点击切换图片的问题
2010/11/14 Javascript
Javascript的常规数组和关联数组对比小结
2012/05/24 Javascript
Jquery通过JSON字符串创建JSON对象
2014/08/24 Javascript
JS回调函数的应用简单实例
2014/09/17 Javascript
一览画面点击复选框后获取多个id值的方法
2016/05/30 Javascript
jQuery插件 Jqplot图表实例
2016/06/18 Javascript
js注入 黑客之路必备!
2016/09/14 Javascript
bootstrap fileinput完整实例分享
2016/11/08 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
2017/02/16 Javascript
jQuery实现上传图片前预览效果功能
2017/08/03 jQuery
bootstrap datetimepicker控件位置异常的解决方法
2017/11/23 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
使用D3.js构建实时图形的示例代码
2018/08/28 Javascript
vue的过滤器filter实例详解
2018/09/17 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
2020/06/22 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
python文件比较示例分享
2014/01/10 Python
python中快速进行多个字符替换的方法小结
2016/12/15 Python
Python实现视频下载功能
2017/03/14 Python
Python登录并获取CSDN博客所有文章列表代码实例
2017/12/28 Python
python numpy 显示图像阵列的实例
2018/07/02 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
Ever New加拿大官网:彰显女性美
2018/10/05 全球购物
俄罗斯品牌服装和鞋子在线商店:BRIONITY
2020/03/26 全球购物
c++工程师面试问题
2013/08/04 面试题
幼儿教师个人求职信范文
2013/09/21 职场文书
大专会计自我鉴定
2014/02/06 职场文书
兼职安全员岗位职责
2015/02/15 职场文书
2015年教师节感恩寄语
2015/03/23 职场文书
检讨书怎么写?
2019/06/21 职场文书