一个简单的qrcode.js二维码实例

• 业务背景：背景比较简单就是将数据存入二维码中并生成二维码！

•  代码：  

1. qrcode.jsp      （所需要的依赖 qrcode.min.js  自行百度下载） 

在jsp中引入qrcode.min.js

 

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
		String basePath = request.getScheme() + "://" + request.getServerName() + ":" + 
					request.getServerPort() + request.getContextPath();
		String url = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getRequestURI()+"?"+request.getQueryString();

 %>
 

 2.父页面生成二维码的方法

//生成二维码
function createQrcode(proid){
//url拼时间戳防止缓存  不是必须的
	var time=new Date().getTime();
	var hz='&t='+time
	var qrcodeUrl=createURL('qrcode.jsp',proid);
	layer.open({
		type: 2,
		title:false,
		closeBtn: 2,
		anim: 1,
		shadeClose :true,
		scrollbar: false,
		area: ['200px','200px'],
		content:qrcodeUrl+hz
	});

}

• 截止到现在二维码已经生成！

 附带上面两个相关url拼接参数和解析url上的参数的方法

//将对象解析拼到url上
function createURL(url, param) {
	console.log(param);
    var urlLink = '';

//拼单个参数
    if( typeof param =='string'){
	    
	    urlLink = url + "?proid=" + param;
//拼json对象
    }else{
    	$.each(param, function(item, key) {
	        var link = '&' + item + "=" + key;
	        urlLink += link;
	    })
    	urlLink = url + "?" + urlLink.substr(1);
    }
    return encodeURI(urlLink.replace(' ', ''));

}
//解析url上的参数  解析为json对象
function parseURLargs(url) {
    var _url=decodeURI(url);
    var result = {};
    if (_url.indexOf('?') > -1) {
        var str = _url.split('?')[1];  
        var temp = str.split('&');  
        for (var i = 0; i < temp.length; i++) {     
            var temp2 = temp[i].split('=');     
            result[temp2[0]] = temp2[1];  
        }  
    }
    return result;
}

业务比较简单代码写的比较糙，欢迎指正！