微信小程序网络请求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操作checkbox实现全选和取消全选
May 02 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
JavaScript 不支持 indexof 该如何解决
Mar 30 Javascript
js实现拖拽功能
Mar 01 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
从setTimeout看js函数执行过程
Dec 19 Javascript
javascript用rem来做响应式开发
Jan 13 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
Jan 27 jQuery
JS实现数组深拷贝的方法分析
Mar 06 Javascript
这15个Vue指令,让你的项目开发爽到爆
Oct 11 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
Dec 20 Javascript
Vue实现简单计算器
Jan 20 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
js代码实现微博导航栏
2015/07/30 PHP
基于win2003虚拟机中apache服务器的访问
2017/08/01 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
php+iframe 实现上传文件功能示例
2020/03/04 PHP
深入理解Javascript中this的作用域
2014/08/12 Javascript
JavaScript的null和undefined区别示例介绍
2014/09/15 Javascript
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
2015/06/19 Javascript
基于javascript显示当前时间以及倒计时功能
2016/03/18 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
2016/05/09 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
js 判断登录界面的账号密码是否为空
2017/02/08 Javascript
JS实现简单拖拽效果
2017/06/21 Javascript
详解微信小程序 登录获取unionid
2017/06/27 Javascript
js实现拖拽上传图片功能
2017/08/01 Javascript
canvas绘制爱心的几种方法总结(推荐)
2017/10/31 Javascript
利用Javascript开发一个二维周视图日历
2017/12/14 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
运用js实现图层拖拽的功能
2019/05/24 Javascript
layui的表单提交以及验证和修改弹框的实例
2019/09/09 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
2019/09/21 Javascript
js+css3实现炫酷时钟
2020/08/18 Javascript
python根据文章标题内容自动生成摘要的实例
2019/02/21 Python
Django如何在不停机的情况下创建索引
2020/08/02 Python
python绘制趋势图的示例
2020/09/17 Python
CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
2012/11/13 HTML / CSS
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
Smallable英国家庭概念店:设计师童装及家居装饰
2017/07/05 全球购物
澳大利亚最好的厨具店:Kitchen Warehouse
2018/03/13 全球购物
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
初中毕业生的自我评价
2014/03/03 职场文书
某集团股份有限公司委托书样本
2014/09/24 职场文书
政风行风整改方案
2014/10/25 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
Vue vee-validate插件的简单使用
2021/06/22 Vue.js
Win11 22H2 2022怎么更新? 获得Win1122H22022版本升级技巧
2022/09/23 数码科技