js生成二维码

最新推荐文章于 2024-05-09 02:57:36 发布

小疯子青

最新推荐文章于 2024-05-09 02:57:36 发布

阅读量239

点赞数

分类专栏： js 文章标签： html ajax javascript

本文链接：https://blog.csdn.net/a1773570500/article/details/119985365

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

html代码如下

<html>
<head>
    <title>Title</title>
    <meta charSet="utf-8">
    <link href="/local/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="/local/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="/local/css/animate.min.css" rel="stylesheet">
    <link href="/local/css/style.min.css?v=4.0.0" rel="stylesheet">
    <base target="_blank">

</head>
<body>

<div id='file-list-display'>
    <button onClick="getErWeiMa()">获取二维码</button>
    <div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>
</div>

</body>
<script src="/local/js/jquery.min.js?v=2.1.4"></script>
<script src="/local/js/bootstrap.min.js?v=3.3.5"></script>
<script src="/local/js/plugins/validate/jquery.validate.min.js"></script>
<script src="/local/js/plugins/validate/messages_zh.min.js"></script>
<script src="/local/js/qrcode.js"></script>
<script type="text/javascript">

    function getErWeiMa() {

        var qrcode = new QRCode(document.getElementById("qrcode"), {
            width : 100,
            height : 100
        });

        $.ajax({
            type:"GET",
            url:"/activity/erWeiMa",
            data:null,
            dataType:'json',
            contentType:"application/json;charset=UTF-8",
            success:function(data){
                console.log(data);
                if(data.code==200){
                    //生成二维码
                    // qrcode.makeCode(data.data);
                    qrcode.makeCode("https://baidu.com");
                }else{
                    alert(data.msg+"!");
                }
            },
            error:function(){
                alert("程序异常！");
            }
        });
    }
</script>
</html>

生成页面信息如下：
在这里插入图片描述
需要下载：

<script src="/local/js/jquery.min.js?v=2.1.4"></script>
<script src="/local/js/qrcode.js"></script>

小疯子青

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js生成二维码

html代码如下<html><head> <title>Title</title> <meta charSet="utf-8"> <link href="/local/css/bootstrap.min.css?v=3.3.5" rel="stylesheet"> <link href="/local/css/font-awesome.min.css?v=4.4.0" rel="styleshe
复制链接

扫一扫

专栏目录