首页 前端知识 前端生成二维码的插件 jquery.qrcode.js

前端生成二维码的插件 jquery.qrcode.js

2024-05-24 08:05:46 前端知识 前端哥 330 512 我要收藏

 jquery.qrcode.js插件生成微信二维码步骤

1、将 jquery.qrcode.min.js 和 jquery 直接引入

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

注意引入顺序,<script>语句获取网址BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务,搜对应的关键字

2、

<body>
<div id = "myQrcode1Zhou"></div>
<script>

    jQuery('#myQrcode1Zhou').qrcode({
          text:"weixin://wxpay/bizpayurl?pr=MkThwTjzz"
    });

</script>
</body>

生成的二维码放在div中,text为要生成的二维码的文本,文本从发起支付的返回中获取

 <xml><return_code><![CDATA[SUCCESS]]></return_code>
<return_msg><![CDATA[OK]]></return_msg>
<result_code><![CDATA[SUCCESS]]></result_code>
<mch_id><![CDATA[。。。。。。]]></mch_id>
<appid><![CDATA[。。。。。。。。]]></appid>
<nonce_str><![CDATA[YlXuGka5C0UogtRu]]></nonce_str>
<sign><![CDATA[CA97244D9DB9B905CDCB32E5A22FCE01]]></sign>
<prepay_id><![CDATA[。。。。。。。]]></prepay_id>
<trade_type><![CDATA[NATIVE]]></trade_type>
<code_url><![CDATA[weixin://wxpay/bizpayurl?pr=YqsfT0bzz]]></code_url>
</xml>

启动项目,访问对应的路径

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9337.html
标签
评论
发布的文章

用JS生成本周日期代码

2024-04-18 17:04:15

js 递归函数

2024-05-31 10:05:46

jQuery是什么?如何使用?

2024-03-12 01:03:24

js延迟加载的六种方式

2024-05-30 10:05:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!