QRCode.js：js生成二维码

http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html

参考菜鸟教程

    Javascript 二维码生成库：QRCode
    
    
    
    






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

    function makeCode () {
        var str ="http://www.baidu.com";
        qrcode.makeCode(str);
    }
    makeCode();
    

 

 

 此时，发现url越长，二维码显示的越密集

当url为   

https://blog.csdn.net/m0_37450089/article/details/86073550

时：

 

于是使用jquery新浪短链接 短网址生成代码

    Javascript 二维码生成库：QRCode
    
    
    
    






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

    function makeCode () {
        var str ="https://blog.csdn.net/m0_37450089/article/details/86073550";
        shortUrl(str);
    }
    makeCode();

    function shortUrl(long) {
        //请求访问短链接网址
        var url2 = "http://api.weibo.com/2/short_url/shorten.json";
        var app_key = "211160679";//app_key无效可能会导致无反应；
        var cmd2 = url2 + "?source=" + app_key + "&url_long=" + long;
        $.ajax({ //底层方法；
            url: cmd2,
            type: "GET",
            dataType: "jsonp", //使用JSONP方法进行AJAX,json有跨域问题；
            cache: false,
            success: function (data, status) {
                console.log(data)
                //   返回的短链接
                console.log(data.data.urls[0].url_short)
                var url = data.data.urls[0].url_short
                qrcode.makeCode(data.data.urls[0].url_short);
            },
            error: function(obj,info,errObj){
                alert("$.ajax()中发生错误：" + info);
            }
        });
    }