我做的是在网站内容详情页下点击微信分享,需要弹出二维码,话不多说,直接看效果:
首先在前端页面定义二维码容器,用来存放后台生成的二维码(下面是对应上图中的三个logo图标,放在这里是为了让大家看得更清楚!)
给微信logo添加 onclick() 事件(我的代码都放在对应js文件中,使用时需在HTML页面引入,你们自己也可以直接放在页面的
//js中方法,微信扫描二维码
function WeiXin(){ //debugger; //清空二维码文本框 $("#qrcode").html(""); var title = $("#commentTitle").val(); var url = window.location.href; var url2 = url.split("localhost:8068/"); if (url2.length > 1){ var url3 = url2[1]; var url4 = "http://www.zhengquan51.com/" + url3; } else{ //如果是在线上路径下 url4 = url2; } var icno = $("#icno").val(); if (icno == undefined || icno == null){ icno = ""; }
//主要看这里就行了(作用是调用后台接口以及图片回显)
$("#qrcode").attr("src