Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >微信小程序_09 HTTPS

微信小程序_09 HTTPS

作者头像
酷走天涯
发布于 2018-09-14 07:04:29
发布于 2018-09-14 07:04:29
1K00
代码可运行
举报
运行总次数:0
代码可运行
  • POST 注意事项

标准模板 var util = require('../../utils/util.js') wx.request({ url: 'https://URL', data: {}, method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT // header: {}, // 设置请求的 header success: function(res){ // success }, fail: function() { // fail }, complete: function() { // complete } }) 注意几点: 1.method 必须参数必须是大写的 2.GET方式请求时,data:传输json类型,但是在POST 请求方式中,data如果直接传json数据,服务器会接受不到数据

所以在post请求需要特殊处理一下

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 wx.request({
   url: 'http://kuzoutianya.com/xxxx',
   data: Util.json2Form({
   name:"酷走天涯",
   text:"你好"
 }),
 method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
 header: {"Content-Type": "application/x-www-form-urlencoded"}, // 设置请求的 header
 success: function(res){
   console.log(res);
 },
 fail: function() {
   // fail
 },
 complete: function() {
   // complete
 }
 })
}

特殊处理1: >header: {"Content-Type": "application/x-www-form-urlencoded"} 特殊处理2: >data: Util.json2Form({ name:"酷走天涯", text:"你好" }) 上面的Util.json2Form 的作用是将json数据进行网络编码拼接 结果如下 name=%E5%BE%90%E6%9D%B0&text=%E4%BD%A0%E5%A5%BD

实现方式

util.js 文件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>function json2Form(json) {  
var str = [];  
for(var p in json){  
    str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p]));  
}  
console.log(str.join("&"));
return str.join("&");  
}
module.exports = {
  json2Form:json2Form,
}

encodeURIComponent函数:可把字符串作为URI 组件进行编码

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.01.18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
小程序的网络请求封装
我们前端开发就要有面向对象的思想,让自己写的程序更加简单明了,不要有太多的融于代码,所以这里提到了封装的思想。 之前的项目里每次调用网络请求都调用了类似的代码: //加载数据 requestData() { var that = this if (that.data.listData.length < 1) { wx.showToast({ title: '加载中', duration: 500 }) } else {
honey缘木鱼
2018/06/13
1.5K0
微信小程序踩坑记-Java基于SSM下的post请求
最近在持续踩微信小程序的坑,canvas和WebSocket的暂时还没找到相关的解决方案,暂时先将post请求无法获取data参数的坑填上。直接附上解决方案,已通过真机检测~之后的解决历程有兴趣的可以看看,没兴趣就可以直接跳过了,附录里是一些遇到的知识延伸以及参考资料地址。本文的环境为:微信小程序+Java+SpringMCV,由于暂时没用到数据库,就不写ssm了。以下内容仅适用于微信小程序,普通页面中暂不负责~(就酱霸气~~)
WindCoder
2018/09/19
3.6K0
微信小程序踩坑记-Java基于SSM下的post请求
微信小程序充值操作流程
微信小程序的充值流程与 H5 或 公众号大致差不多,这里简单说一下前端在充值时候的一些操作流程。
疯狂的小程序
2018/01/25
7.7K0
微信小程序异步转同步如何实现?(亲测可行)
小程序大部分函数和数据库操作都是异步执行的,如果希望同步执行,需要用到async 和await这对基友,必须成对出现。
超级小可爱
2023/02/20
3.5K0
微信小程序接口请求token过期用户无感应获取token重新调用接口
封装接口请求,我们的业务需要在header上加token和openid,可以根据自己的业务逻辑进行项目改变。 const baseUrl = "xxx"; const http = ({ url = '', param = {}, type = 'json', callback = '', ...other } = {}) => { wx.showLoading({ title:'请求中...', }) let timeStart = Date.now();
安德玛
2022/03/08
2K0
PHP小程序开发_微信小程序后端语言
想要快速地开发一个小程序,很多环节都需要注意,微信小程序php后端的开发估计很多人都还很陌生,但是这也是至关重要的,一起来看看开发实例详解吧。
全栈程序员站长
2022/09/30
6.9K0
微信小程序-登录+支付(后台Java)Demo实战(环境搭建+源码)
介绍一个可运行的微信小程序登录+支付的demo。接触了小程序简易教程的,想必都知道我们必然有自己的后台应用服务器,来处理我们自己的业务逻辑、请求微信服务完成一定的功能。在此,我们的后台采用java环境,本文将首先介绍环境搭建的过程,随后介绍登录+支付的流程及代码。
好好学java
2019/09/03
5.3K0
微信小程序 网络请求封装
post请求和get请求不一样的地方在于header中的content-type参数和method参数
yechaoa
2022/06/10
6590
09-微信小程序API网络请求(实现轮播广告和简易的聊天窗口)
做项目的开发,一定离不开网络相关的操作,小程序做的都是客户端,客户端请求服务端做一些交互。
度假的小鱼
2023/11/27
4140
09-微信小程序API网络请求(实现轮播广告和简易的聊天窗口)
微信小程序 wx.request 的封装
自学转行到前端也已近两年,也算是简书和掘金的忠实粉丝,但是以前一直惜字如金(实在是胆子小,水平又低),现在我决定视金钱如粪土(就只是脸皮厚了,水平就那样),好了废话不多说,切入主题,最近自己尝试了一下小程序开发,坑么总是有的,但是我觉得还是request这部分实在是不好看,所以你懂得,我用Promise 对请求做了个简单封装。本文章所述方法主要针对第三方登录
极乐君
2018/02/03
2.3K0
微信小程序带cookie的request请求代码封装
写一个工具函数,直接导入使用即可,接口同 wx.request 。会自动设置和更新 cookie。
渔父歌
2018/12/26
2.8K0
原 微信小程序踩坑录(canvas、pos
作者:汪娇娇 日期:2016.11.24 现在也不知道距离微信公测多少日子了,反正感觉我是埋在微信小程序这个坑里很久了,公司的项目终于快接近尾声,现在就腾点时间记录下我的收获,希望能给大家一点点帮助吧。 我做的几乎都是canvas的东西,所以先说说这方面的坑以及一些解决办法,还有一些解决不了的希望大家多多提出解决方案哈。 坑一:canvas适配 刚开始做这方面的时候,我一直以为获取不到机型以及手机的宽高,所以硬生生的把canvas的宽高都设成了固定的320px,想想偌大的平板上就320那么大有多丑,产品估计
jojo
2018/05/03
7840
原                                                                                微信小程序踩坑录(canvas、pos
微信小程序快速入门开发指南(二)
微信小程序的程序语法格式类似json格式,服务器也要采用结果以json的形式返回给小程序,这种格式需要对特殊字符进行编码,如下举例一个json字符串。
初九之潜龙勿用
2024/06/20
2470
微信小程序快速入门开发指南(二)
小程序的数据请求
然后我们随便在input框输入一个值,点击查询,我们会发现通过接口交互,可以拿到请求api的对应返回操作结果
用户2305175
2018/07/08
1.3K0
小程序(3):授权登录
判断是否授权,如果没有,则显示授权按钮。注意上面的open-type="getUserInfo",这个会自动调起授权框。看一下js
小尘哥
2018/08/15
2.2K0
微信小程序开发实战(21):发起HTTPS请求
在wx对象中有一个request方法,可以发起HTTPS请求。该方法只有一个对象类型参数。该对象支持如下所示。
蒙娜丽宁
2020/08/21
1.5K0
微信小程序开发实战(21):发起HTTPS请求
微信小程序+PHP实现登录注册(手把手教程)[通俗易懂]
这里需要注意的是:如果本机已安装了 MySQL,而安装 PhPstudy 时又安装了 PhPstudy 自带的 MySQL,这里如果想要连接 PHPstudy 安装时带的 MySQL,就需输入 PHPstudy 安装时带的 MySQL 的密码,参考链接:https://blog.csdn.net/weixin_46034990/article/details/104742459
全栈程序员站长
2022/09/30
2.9K2
微信小程序+PHP实现登录注册(手把手教程)[通俗易懂]
微信小程序“授权失败”场景的处理
很多的时候我们在处理小程序功能的时候需要用户获取用户信息,但是为了信息安全,用户不授权导致授权失败场景;但是小程序第二次不在启动授权信息弹层,为了用户体验,可以用以下方式处理:
疯狂的小程序
2018/01/22
3K0
调用wx.request接口时需要注意的几个问题
okaychen
2018/01/05
3K0
调用wx.request接口时需要注意的几个问题
微信小程序-和后台交互
第一次做前后端分离的项目,当时就有一个疑问,在微信开发者工具里写的前端代码和在idea里写的后台代码如何交互,做过了才知道,其实非常简单,主要思想就是后端发布成一个URL地址,前端调用即可。在微信小程序中,通过wx.request( )发起请求。
全栈程序员站长
2022/08/10
2.9K0
推荐阅读
相关推荐
小程序的网络请求封装
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验