微信下一句话扫码接口调用方法

简介: 步骤:1.重定向到地址://996315.com/api/scan/?redirect_uri=扫码结果接收页URL2.在接收页里获取qrresult参数结果

步骤:

1.重定向到地址://996315.com/api/scan/?redirect_uri=扫码结果接收页URL 2.在接收页里获取qrresult参数结果

一般用法:

<a href="//996315.com/api/scan/?redirect_uri=修改成你要接收扫码结果页面的url地址">Scan</a>
<script type="text/javascript">
if (location.href.indexOf("qrresult=")>-1) alert(decodeURIComponent(location.href.split("qrresult=")[1]));
</script>
复制代码

如果要接收扫码结果的页面就是当前页面,那么可以直接用location.href来指定。encodeURIComponent作用是兼容url有参数的情况,尤其是含#的情况,不用encodeURIComponent编码下的话会出现莫名其妙的错误。以下是完整代码。

<a href="javascript:window.open('//996315.com/api/scan/?redirect_uri=' + encodeURIComponent(location.href), '_self');">Scan</a>
<script type="text/javascript">
if (location.href.indexOf("qrresult=")>-1) alert(decodeURIComponent(location.href.split("qrresult=")[1]));
</script>
复制代码

###建议写成下面这样,对qrresult参数用专门的js函数来获取。这样最稳定。

<a href="javascript:window.open('//996315.com/api/scan/?redirect_uri=' + encodeURIComponent(location.href), '_self');">Scan</a>
<script>
var qr=GetQueryString("qrresult");
if(qr) alert(qr); //放入表单输入框或者提交到后端,具体根据自己业务做相应处理
function GetQueryString(name){
    var reg = new RegExp("\\b"+ name +"=([^&]*)");
    var r = location.href.match(reg);
    if (r!=null) return decodeURIComponent(r[1]);
}
</script>
复制代码

分类:

前端

标签:

前端


链接:https://juejin.cn/post/7224565444807344188

来源:稀土掘金

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

目录
相关文章
|
6月前
|
存储 小程序 JavaScript
【微信小程序】-- 自定义组件 -- 数据、方法和属性(三十三)
【微信小程序】-- 自定义组件 -- 数据、方法和属性(三十三)
|
6月前
|
小程序
微信小程序中识别HTML标签的方法
微信小程序中识别HTML标签的方法
|
6月前
|
存储 缓存 JSON
微信小程序使用本地存储方法
微信小程序使用本地存储方法
320 1
|
3月前
|
小程序
|
3月前
|
编解码 小程序
微信小程序11177版本开启控制台方法
微信小程序11177版本开启控制台方法
|
3月前
|
小程序 JavaScript
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
这篇文章讲解了微信小程序中页面跳转的方法,包括使用按钮点击事件和调用方法实现跳转,以及推荐使用`this.pageRouter.navigateTo`代替`wx.navigateTo`的方式。
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
|
3月前
|
缓存 JavaScript 前端开发
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)更新时间(2020-10-29)
|
4月前
|
小程序
微信小程序APPID的两种查看方法
查看微信小程序APPID的两种方法:1) 在小程序内点击右上角“...”,进入查看页面,点击“更多资料”查看;2) 登录微信公众平台([https://mp.weixin.qq.com/](https://mp.weixin.qq.com/)),进入【设置】查看“账号信息”。
3232 1
|
4月前
|
小程序 JavaScript 安全
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
187 0
|
4月前
|
小程序
【微信小程序-原生开发】wxml 支持 includes (wxml中执行函数的方法)
【微信小程序-原生开发】wxml 支持 includes (wxml中执行函数的方法)
331 0