微信小程序网络请求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插件jbox使用iframe关闭问题
Feb 09 Javascript
dojo学习第一天 Tab选项卡 实现
Aug 28 Javascript
JavaScript入门之事件、cookie、定时等
Oct 21 Javascript
js clearInterval()方法的定义和用法
Nov 11 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
JavaScript模拟实现封装的三种方式及写法区别
Oct 27 Javascript
js捆绑TypeScript声明文件的方法教程
Apr 13 Javascript
详解vuex结合localstorage动态监听storage的变化
May 03 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
May 04 Javascript
JS实现判断有效的数独算法示例
Feb 25 Javascript
vue elementUI使用tabs与导航栏联动
Jun 21 Javascript
Vue项目环境搭建详细总结
Sep 26 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 金额数字转换成英文
2010/05/06 PHP
PHP 中检查或过滤IP地址的实现代码
2011/11/27 PHP
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
PHP中创建和编辑Excel表格的方法
2018/09/13 PHP
php如何利用pecl安装mongodb扩展详解
2019/01/09 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
解析使用js判断只能输入数字、字母等验证的方法(总结)
2013/05/14 Javascript
js函数排序的实例代码
2013/07/01 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
Javascript字符串浏览器兼容问题分析
2014/12/01 Javascript
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
jQuery简单获取键盘事件的方法
2016/01/22 Javascript
BootStrap创建响应式导航条实例代码
2016/05/31 Javascript
Vue完整项目构建(进阶篇)
2018/02/10 Javascript
js 实现ajax发送步骤过程详解
2019/07/25 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
2020/08/03 Javascript
[01:25]2014DOTA2国际邀请赛 zhou分析LGD比赛情况
2014/07/14 DOTA
python 中的list和array的不同之处及转换问题
2018/03/13 Python
python实现飞机大战微信小游戏
2020/03/21 Python
python实现图片彩色转化为素描
2019/01/15 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
python 基于UDP协议套接字通信的实现
2021/01/22 Python
斯洛伐克时尚服装网上商店:Cellbes
2016/10/20 全球购物
中海讯通笔试题
2015/09/15 面试题
学年自我鉴定
2014/01/16 职场文书
《石榴》教学反思
2014/03/02 职场文书
国家奖学金获奖感言
2014/08/16 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
个人欠款协议书范本2014
2014/11/02 职场文书
党员个人党性分析材料
2014/12/18 职场文书
离婚协议书的范本
2015/01/27 职场文书
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js