使用 JavaScript 生成二维码并显示在网页上
您可以使用第三方库来生成二维码,并将生成的二维码插入到HTML中。
首先,您需要在HTML中添加一个用于显示二维码的容器,例如:
<div id="qrcode"></div>
然后,您需要在JavaScript中引入生成二维码的库。常用的库有qrcode.js和jquery-qrcode。您可以选择其中一种库并在代码中引入。
接下来,在成功获取到ae_url后,您可以使用生成二维码的库来生成二维码,并将其插入到HTML中的容器中。以下是使用qrcode.js库生成二维码的示例代码:
success: function(a) {
console.log(a);
var strJson = JSON.stringify(a);
var data = $.parseJSON(strJson);
layer.close(load);
if (data.code == 1) {
$('#dwzdate').html(data.ae_url);
var $modal = $('#your-modal');
$modal.modal();
// 生成二维码
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: data.ae_url,
width: 128,
height: 128
});
} else {
layer.msg(data.msg,{icon:2});
}
},
请注意,您需要在代码中正确引入qrcode.js库,并调整生成二维码的参数以适应您的需求。
这样,当成功获取到ae_url时,会将其插入到HTML中的#dwzdate元素中,并同时生成对应的二维码并插入到#qrcode容器中。
原文地址: http://www.cveoy.top/t/topic/bgGM 著作权归作者所有。请勿转载和采集!