如何使用JavaScript生成二维码并显示在HTML页面中

如何使用 JavaScript 生成二维码并显示在 HTML 页面中

你可以使用一个二维码生成的插件来实现在HTML中显示二维码。以下是一个使用 qrcode.js 插件的示例代码：

首先，将 qrcode.js 插件添加到你的HTML页面中：

<script src='https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js'></script>
<script src='https://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js'></script>

然后，在你的 success 回调函数中，使用插件生成二维码并将其添加到HTML中：

if (data.code == 1) {
    $('#dwzdate').html(data.ae_url);
    var $modal = $('#your-modal');
    $modal.modal();

    // 生成二维码
    $('#qrcode').empty().qrcode({
        text: data.ae_url,
        width: 200,
        height: 200
    });
}

在HTML中添加一个用于显示二维码的容器：

<div id='qrcode'></div>

这样，当成功获取到data.ae_url后，会在#qrcode容器中生成对应的二维码。请确保#qrcode容器具有足够的大小以容纳二维码。