微信小程序网络请求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 相关文章推荐
精解window.setTimeout()&window.setInterval()使用方式与参数传递问题!
Nov 23 Javascript
将input file的选择的文件清空的两种解决方案
Oct 21 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
Jan 13 Javascript
javascript在网页中实现读取剪贴板粘贴截图功能
Jun 07 Javascript
在JavaScript中重写jQuery对象的方法实例教程
Aug 25 Javascript
jQuery实现的兼容性浮动层示例
Aug 02 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
Feb 10 Javascript
JavaScript中创建对象的7种模式详解
Feb 21 Javascript
javascript实现的图片预览功能
Mar 25 Javascript
浅析Vue 和微信小程序的区别、比较
Aug 03 Javascript
VeeValidate 的使用场景以及配置详解
Jan 11 Javascript
Vue实现导航栏菜单
Aug 19 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
通过文字传递创建的图形按钮
2006/10/09 PHP
PHP中设置时区,记录日志文件的实现代码
2013/01/07 PHP
解决cPanel无法安装php5.2.17
2014/06/22 PHP
2个Codeigniter文件批量上传控制器写法例子
2014/07/25 PHP
PHP框架性能测试报告
2016/05/08 PHP
php事务回滚简单实现方法示例
2017/03/28 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
关于laravel框架中的常用目录路径函数
2019/10/23 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
2013/02/18 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
JavaScript中的toLocaleDateString()方法使用简介
2015/06/12 Javascript
论Bootstrap3和Foundation5网格系统的异同
2016/05/16 Javascript
jQuery插件jsonview展示json数据
2018/05/26 jQuery
Vue导出页面为PDF格式的实现思路
2018/07/31 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
vue自定义树状结构图的实现方法
2020/10/18 Javascript
vue keep-alive的简单总结
2021/01/25 Vue.js
[00:42]《辉夜杯》—职业组预选赛12月3日15点 正式打响
2015/12/03 DOTA
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python解析json实例方法
2013/11/19 Python
Python使用pyodbc访问数据库操作方法详解
2018/07/05 Python
python 除法保留两位小数点的方法
2018/07/16 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
解决Python中list里的中文输出到html模板里的问题
2018/12/17 Python
python读取目录下最新的文件夹方法
2018/12/24 Python
Python利用神经网络解决非线性回归问题实例详解
2019/07/19 Python
numpy数组做图片拼接的实现(concatenate、vstack、hstack)
2019/11/08 Python
详解python程序中的多任务
2020/09/16 Python
python调用百度AI接口实现人流量统计
2021/02/03 Python
html5视频自动横过来自适应页面且点击播放功能的实现
2020/06/03 HTML / CSS
大学生工作推荐信范文
2013/12/02 职场文书
纪委书记群众路线整改措施思想汇报
2014/10/09 职场文书
营销计划书范文
2015/01/17 职场文书
放射科岗位职责
2015/02/14 职场文书