微信小程序网络请求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解决常见浏览器兼容问题的12种方法
Jan 04 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
Nov 25 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
jQuery中children()方法用法实例
Jan 07 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
Sep 24 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
Nov 10 Javascript
bootstrap 表单验证使用方法
Jan 11 Javascript
js选项卡的制作方法
Jan 23 Javascript
Node.js使用gm拼装sprite图片
Jul 04 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
基于vue+echarts 数据可视化大屏展示的方法示例
Mar 09 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/09/28 PHP
php session劫持和防范的方法
2013/11/12 PHP
AJAX PHP无刷新form表单提交的简单实现(推荐)
2016/09/09 PHP
php抽象方法和抽象类实例分析
2016/12/07 PHP
PHP的微信支付接口使用方法讲解
2019/03/08 PHP
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
一步一步制作jquery插件Tabs实现过程
2010/07/06 Javascript
JavaScript实现快速排序(自已编写)
2012/12/19 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
jQuery 获取和设置select下拉框的值实现代码
2013/11/08 Javascript
Javascript中的方法和匿名方法实例详解
2015/06/13 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
2015/09/04 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
vue 挂载路由到头部导航的方法
2017/11/13 Javascript
ajax前台后台跨域请求处理方式
2018/02/08 Javascript
详解Koa中更方便简单发送响应的方式
2018/07/20 Javascript
详解使用create-react-app添加css modules、sasss和antd
2018/07/31 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
2018/09/05 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
2019/05/16 Javascript
python制作一个桌面便签软件
2015/08/09 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
K-近邻算法的python实现代码分享
2017/12/09 Python
Python实现的栈(Stack)
2018/01/26 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
Linux下远程连接Jupyter+pyspark部署教程
2019/06/21 Python
Python建造者模式案例运行原理解析
2020/06/29 Python
python设置中文界面实例方法
2020/10/27 Python
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
波兰最大的儿童服装连锁店之一:5.10.15.
2018/02/11 全球购物
台湾时尚彩瞳专门店:imeime
2019/08/16 全球购物
如何保障Web服务器安全
2014/05/05 面试题
接口的多继承会带来哪些问题
2015/08/17 面试题
先进个人主要事迹怎么写
2015/11/04 职场文书
遇事可以测出您的见识与格局
2019/09/16 职场文书
Mybatis-Plus进阶分页与乐观锁插件及通用枚举和多数据源详解
2022/03/21 Java/Android