ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

JQ通过后台传来的数据生成二维码方法

2019-07-09 17:02:05  阅读:243  来源: 互联网

标签:function makeCode TokenId JQ var 二维码 后台 data


<!DOCTYPE html>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>中国(郑州)2019华为软件与人工智能产业峰会</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <meta name="description" content="">
        <meta name="keywords" content="">
        <link rel="stylesheet" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <script src="https://cdn.bootcss.com/jquery/2.1.2/jquery.min.js"></script>
        <script src="https://img.huiyiguanjia.com/CDNFile/layer/layer-v3.1.1/layer/layer.js"></script>
        <script src="https://img.huiyiguanjia.com/cdnfile/public/publicfunction.js"></script>
        <script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script>
    </head>
    <script type="text/javascript">
        mid = "4827262698575522532";
        TokenId = getCookie_Key('Auth_TokenID_9_' + mid, "tokenId");
        console.log(TokenId)
        if (!TokenId) {
            location.href = "login.html"
        }
        //通过将字符串转成数组拿到各项数据
        name = TokenId.split(",")[0];
        company = TokenId.split(",")[1];
        console.log(company)
    </script>
    <body>
        <div class="main">
            <section class="indexBox">
                <div class="logo"><img src="img/logo.png"></div>
                <div class="codeBox" style="color: #fff;">
                    <!-- 二维码容器 -->
                    <div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>
                    <!-- 二维码生成数字的容器 -->
                    <p class="codeNumber"></p>
                </div>
                <div class="bottomImg"><img src="img/shouyeBottomImg.png"></div>
            </section>
        </div>
    </body>
</html>
<script>
    //    var title = '中国(郑州)2019华为软件与人工智能产业峰会';
    //    var desc = '云智软件|众享未来';
    //    var imgUrl = "http://html.huiyiguanjia.com/custom/201907HUAWEI/300.jpg";
    //    var link = "http://html.huiyiguanjia.com/custom/201907HUAWEI/index.html";
    //    var pageName = "参会二维码&参会信息";
    //    var PType = "235";
</script>
<!-- <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="http://img.huiyiguanjia.com/CDNFile/Share/WXShareV3_hyms.js"></script> -->
<script type="text/javascript">
    //生成二维码的方法
    var qrcode = new QRCode(document.getElementById("qrcode"), {
        width: 100,
        height: 100
    });

    function makeCode(qr) {
        var elText = document.getElementById("text");
        qrcode.makeCode(qr);
    }
    //请求数据后将请求的数据才能放到makeCode()方法中,所以要放到下边ajax里边  二维码生成库:https://www.runoob.com/try/try.php?filename=tryhtml5_QRCode
    // makeCode("55555");
    //请求数据
    $.ajax({
        type: "post",
        url: "http://testcustom.api.huiyiguanjia.com/api/meetinguser/GetMeetingUserInfonByTemp",
        dataType: "json",
        async: false,
        data: {
            mid: "4827262698575522532",
            name: name,
            company: company,
        },
        beforeSend: function() {},
        error: function() {
            layer.closeAll('loading');
            layer.msg("服务器错误", {
                icon: 7
            });
        },
        complete: function() {

        },
        success: function(data) {
            console.log(data);
            if (data.Code == 1) {
                //将得到的二维码数字赋值给要生成二维码的方法,makeCode();
                makeCode(data.Data[0].CheckCode);
                $(".codeNumber").html(data.Data[0].CheckCode); //将获取到的二维码数值放到页面的容器中
            } else {
                layer.msg('网络错误,请稍后重试', {
                    icon: 2
                });
            }
        }
    });
</script>

 

标签:function,makeCode,TokenId,JQ,var,二维码,后台,data
来源: https://www.cnblogs.com/fkcqwq/p/11158551.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有