微信小程序网络请求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遍历Table应用示例
Apr 09 Javascript
用jquery仿做发微博功能示例
Apr 18 Javascript
Javascript 是你的高阶函数(高级应用)
Jun 15 Javascript
JavaScript获取当前cpu使用率的方法
Dec 15 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
Jan 08 Javascript
Node.js 应用跑得更快 10 个技巧
Apr 03 Javascript
Bootstrap表单组件教程详解
Apr 26 Javascript
Bootstrap零基础入门教程(二)
Jul 18 Javascript
Bootstrap表单布局
Jul 19 Javascript
JS基于面向对象实现的拖拽功能示例
Dec 20 Javascript
Node.js 实现简单的接口服务器的实例代码
May 23 Javascript
Vue精简版风格指南(推荐)
Jan 30 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
解决CodeIgniter伪静态失效
2014/06/09 PHP
ThinkPHP实现批量删除数据的代码实例
2014/07/02 PHP
PHP CodeIgniter分页实例及多条件查询解决方案(推荐)
2017/05/20 PHP
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
jquery实现的简单二级菜单效果代码
2015/09/22 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
2017/01/03 Javascript
基于JavaScript中标识符的命名规则介绍
2018/01/06 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
js实现动态添加上传文件页面
2018/10/22 Javascript
vue路由中前进后退的一些事儿
2019/05/18 Javascript
Vue基础学习之项目整合及优化
2019/06/02 Javascript
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
0基础学习前端开发的一些建议
2020/07/14 Javascript
javascript使用正则表达式实现注册登入校验
2020/09/23 Javascript
vue 验证两次输入的密码是否一致的方法示例
2020/09/29 Javascript
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
Python进程间通信用法实例
2015/06/04 Python
Python 文件操作的详解及实例
2017/09/18 Python
使用python实现语音文件的特征提取方法
2019/01/09 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
Python argparse模块使用方法解析
2020/02/20 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
编程用JAVA解析XML的方式
2013/07/07 面试题
《湘夫人》教学反思
2014/02/21 职场文书
外语系大学生自荐信范文
2014/03/01 职场文书
病媒生物防治方案
2014/05/13 职场文书
莫言诺贝尔获奖演讲稿
2014/05/21 职场文书
领导班子党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
村干部任职承诺书
2015/01/21 职场文书
2015年煤矿安全工作总结
2015/05/23 职场文书
《观察物体》教学反思
2016/02/17 职场文书
导游词之京东大峡谷旅游区
2019/10/29 职场文书
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server
详解如何使用Nginx解决跨域问题
2022/05/06 Servers