微信小程序网络请求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限定复选框的选择个数示例代码
Aug 25 Javascript
JavaScript仿微博输入框效果(案例分析)
Dec 06 Javascript
微信小程序 小程序制作及动画(animation样式)详解
Jan 06 Javascript
Vuex之理解Getters的用法实例
Apr 19 Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 Javascript
在vue中,v-for的索引index在html中的使用方法
Mar 06 Javascript
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
关于vue的npm run dev和npm run build的区别介绍
Jan 14 Javascript
深入分析element ScrollBar滚动组件源码
Jan 22 Javascript
vue实现路由懒加载及组件懒加载的方式
Jun 11 Javascript
Angular 多模块项目构建过程
Feb 13 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 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页面间传递参数实例代码
2008/06/05 PHP
如何实现php图片等比例缩放
2015/07/28 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
javascript prototype原型操作笔记
2009/12/07 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
浅析Node.js查找字符串功能
2014/09/03 Javascript
关于function类中定义变量this的简单说明
2016/05/28 Javascript
jquery插件bootstrapValidator数据验证详解
2016/11/09 Javascript
基于jQuery实现咖啡订单管理简单应用
2017/02/10 Javascript
详解JS中遍历语法的比较
2017/04/07 Javascript
快速搭建React的环境步骤详解
2017/11/06 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
代码详解javascript模块加载器
2018/03/04 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
2019/05/09 Javascript
深入解析微信小程序开发中遇到的几个小问题
2020/07/11 Javascript
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
实例讲解python函数式编程
2014/06/09 Python
Python lxml模块的基本使用方法分析
2019/12/21 Python
python 通过手机号识别出对应的微信性别(实例代码)
2019/12/22 Python
利用python中集合的唯一性实现去重
2020/02/11 Python
Python截图并保存的具体实例
2021/01/14 Python
Muziker英国:中欧最大的音乐家商店
2020/02/05 全球购物
Whistles官网:英国女装品牌
2020/08/14 全球购物
新加坡鲜花速递/新加坡网上花店:Ferns N Petals
2020/08/29 全球购物
什么是触发器(trigger)? 触发器有什么作用?
2013/09/18 面试题
网站编辑求职信
2013/10/17 职场文书
在校学生职业规划范文
2014/01/08 职场文书
见习期自我鉴定范文
2014/03/19 职场文书
机电一体化应届生求职信
2014/08/09 职场文书
院党委组织查摆问题对照检查材料思想汇报2014
2014/10/08 职场文书
出纳岗位职责范本
2015/03/31 职场文书
学校标语口号大全
2015/12/26 职场文书
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL