关闭

微信扫一扫

标签: jsp扫一扫
423人阅读 评论(0) 收藏 举报
分类:
jsp页面
                                                      <div class="weui-cell__ft">
								<img id="ttSao" class="weui-vcode-img"
									src="${ctxStatic}/wx/images/sao.jpg"> <input
									id="rootpath" name="rootpath" type="hidden"
									value="${pageContext.request.contextPath}" />
							</div>
js代码

var title;
var contentstr;
var imgstr;
var contentId;
var rootpath;
var codeType;

$(function(){
	//初始化加载列表
	$("#wxSao").on("click",function(){
		getJsSdkParam(1);
	});
	
	$("#ttSao").on("click",function(){
		getJsSdkParam(2);
	});
	$("#sbSao").on("click",function(){
		getJsSdkParam(3);
	});
	
});
function getJsSdkParam(t){//1为云开票抬头扫码,2为添加抬头扫码//3为我的设备扫
	codeType=t;
	//window.location.host; //返回url 的主机部分,例如:www.xxx.com  
	//window.location.hostname; //返回www.xxx.com  
	var url=window.location.href; //返回整个url字符串(在浏览器中就是完整的地址栏),例如:www.xxx.com/index.php?class_id=3&id=2  
	//window.location.pathname; //返回/a/index.php或者/index.php  
	//window.location.protocol; //返回url 的协议部分,例如: http:,ftp:,maito:等等。  
	//window.location.port; //url 的端口部分,如果采用默认的80端口,那么返回值并不是默认的80而是空字符  
	rootpath=$("#rootpath").val();
	$.ajax({
		type : "post",
		url : rootpath+"/jsApiSdk/getParam",
		data : {
			"url":url
		},
		success : function(result){
			var code=result.code;
			if(code==200){
				verification(result.appId,result.timestamp,result.nonceStr,result.signature);
			}else{
				$.WebUI.toast("获取参数失败","warning");
			}
		},
		error : function(result){
			$.WebUI.toast("获取参数失败","warning");
		}
	});
}
function verification( appId1, timestamp1,nonceStr,signature){
	wx.config({
	    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
	    appId: appId1, // 必填,公众号的唯一标识
	    timestamp:timestamp1, // 必填,生成签名的时间戳
	    nonceStr: nonceStr, // 必填,生成签名的随机串
	    signature:signature,// 必填,签名,见附录1
	    jsApiList: [
	                /*'onMenuShareTimeline',
	                'onMenuShareAppMessage',
	                'onMenuShareQQ',
	                'onMenuShareWeibo',
	                'previewImage',
	                'getLocation'*/
	                'scanQRCode'
	                ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
	});
	
	wx.ready(function () {
		wx.checkJsApi({
	        jsApiList: [
	         /*'onMenuShareTimeline',
	         'onMenuShareAppMessage',
	         'onMenuShareQQ',
	         'onMenuShareWeibo',
	         'previewImage',
	         'getLocation'*/
	         'scanQRCode'
	        ],
	        success: function (res) {
	        	
	        	//alert("验证成功"+res)
	        	 
	        }, error: function (res) {
	        	//alert("验证失败"+res)
	        }
	    });

		wx.scanQRCode({
		    needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
		    scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
		    success: function (res) {
			    var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
			    if(codeType==1||codeType==2){
			    	$.ajax({
						type : "get",
						url : rootpath+"/w/wxfptt/detail",
						data : {
							"id":result
						},
						success : function(result){
							var code=result.code;
							if(code==200){
								if(codeType==1){
									$("#ghdwmc").val(result.tt);
					            	$("#ghdwdm").val(result.nsrsbh);
								}else if(codeType==2){
									$("#taitou").val(result.tt);
									var z=result.zd;
									if(z==1){
										document.getElementById('zd').checked='on';
									}
									var a=result.yhlx;
									if(a==0){
										$("input[type='radio'][name='yhlx']").attr("checked",false);//所有单选按钮都不选中
										$("input[type='radio'][name='yhlx']").get(0).checked = true;//选中第一个
									}else{
										$("input[type='radio'][name='yhlx']").attr("checked",false);//所有单选按钮都不选中
										$("input[type='radio'][name='yhlx']").get(1).checked = true;//选中第一个
										$("#sum").css("display","block");
										$("#shuihao").val(result.nsrsbh);	
										$("#dizhi").val(result.dw);
										$("#yinhang").val(result.yh);
										$("#yhkh").val(result.zh);
									}
									$("#moblie").val(result.dh);
								}else{
									$.WebUI.toast("没有获得信息 请手动输入","warning");
								}
								
							}else{
								$.WebUI.toast("获取抬头信息失败","warning");
							}
						},
						error : function(result){
							$.WebUI.toast("获取参数失败","warning");
						}
					});
			    }
			    if(codeType==3){
                              result是扫描出来的  编号
                           window.location.href = rootpath+"/w/mysb/sao?id="+result;	
			    }
			}
		});
	});
}






控制器
/**
	 * 根据ID查询一个抬头的信息
	 * 
	 * @param id
	 * @param modelMap
	 * @return
	 */
	@RequestMapping(value = "/detail")
	@ResponseBody
	private Object detail(String id, ModelMap modelMap) {
		JSONObject json = new JSONObject();
		json.put("code", 201);
		try {
			Wxfptt wxfptt = wxfpttService.get(id);
			json.put("id", wxfptt.getId());
			json.put("tt", wxfptt.getTt());
			json.put("yhlx", wxfptt.getYhlx());
			json.put("nsrsbh", wxfptt.getNsrsbh());
			json.put("dw", wxfptt.getDw());
			json.put("dh", wxfptt.getDh());
			json.put("yh", wxfptt.getYh());
			json.put("zh", wxfptt.getZh());
			json.put("zd", wxfptt.getZd());
			json.put("code", 200);
		} catch (Exception e) {
			log.error("根据ID查询一个抬头的信息", e);
		}
		return json;
	}


0
0
查看评论

Java实现微信扫一扫

这两周做了项目关于微信端的处理,主要是实现调起微信扫一扫和通过微信获取地理位置。写在前面,不要急,这些东西对第一次开发微信端的人来说很重要: 不太善于布局,大家凑合看,主要看内容哈 我先详细的解释一些东西,代码放在后面统一介绍,如果你这是需要使用,那可以直接翻到最后去下载代码,在代码中我做了详细...
  • cat_pp
  • cat_pp
  • 2016-12-27 17:44
  • 3631

微信扫一扫功能调用

第一步:设置调用微信js安全域名,就可以在该域名下调用微信的js接口 第二步:将下面的js附在需要调用微信扫一扫的页面上,前提是需要引入微信的js[] 第三步: 参考官方文档 https://mp.weixin.qq.com/wiki?t=resource/res_main&i...
  • F429629227
  • F429629227
  • 2016-12-22 09:41
  • 5801

微信公众号开发--微信JS-SDK扫一扫功能

首先请阅读微信JS-SDK说明文档,了解微信JS的相关说明。 根据官方的使用步骤,关键的有以下几步 绑定域名(很关键) 引入JS文件(很简单) 通过config接口注入权限验证配置(很重要) 通过ready接口处理成功验证(还没用到) 通过error接口处理失败验证(还没用到) 绑定域名 如果域...
  • frankcheng5143
  • frankcheng5143
  • 2015-12-03 17:17
  • 46345

Android调用微信扫一扫

在自己的应用中打开微信扫一扫代码: private void toWeChatScan() { try { //利用Intent打开微信 Uri uri = Uri.parse("weixin://dl/scan&quo...
  • l_lhc
  • l_lhc
  • 2016-06-11 12:58
  • 9888

微信端调用扫一扫

知道看了这篇文章才发现,微信端调用扫一扫这么简单。其实只要配置好了微信公众号的基本信息,就没有大的问题了。 地址如下:http://blog.csdn.net/u011327333/article/details/50439462 打开技术文档,看到一个大目录,我们只需要关注下面几部分目录即可。...
  • u013406578
  • u013406578
  • 2017-03-20 23:05
  • 5048

微信调用jssdk在网页端实现调用扫一扫,java+jsp

这篇文章以讲解的方式,帮助大家来理解微信官方的文档,同时给出调用扫一扫的例子。 微信官方技术文档jssdk:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 打开技术文档,看到一个大目录,我们只需要关注下面几部分...
  • u011327333
  • u011327333
  • 2015-12-31 10:09
  • 26991

微信开发(微信扫一扫)商品创建

微信公众平台开放“扫一扫”功能,同时开放相关接口供有权限的品牌所有者调用。接口支持创建、管理并发布品牌所有者的商品信息,品牌所有者可选择商品条码发布。微信同时提供多种事件推送,帮助品牌所有者实现精准运营、数据分析等能力。 扫一扫接口主要调用流程如下:    权限获取 ...
  • qq_34341290
  • qq_34341290
  • 2016-10-06 19:15
  • 1671

微信扫一扫接口开发案例实现(第十课)

微信扫一扫功能在我们日常生活中很常见,那么微信jsapi是如何实现扫一扫功能的呢,接来下给大家详细介绍,并附有代码实现。 微信扫一扫 调起微信扫一扫接口 wx.scanQRCode({     needR...
  • dragonpeng2008
  • dragonpeng2008
  • 2016-11-11 16:27
  • 9536

微信开放实战--扫一扫功能(详细)

大概流程: 1.根据appId和appSecret获取access_token(使用凭证) 进入微信公众平台扫码登录测试号公众号:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login public static JSONOb...
  • ricky73999
  • ricky73999
  • 2017-11-21 11:08
  • 3855

微信公众号与HTML 5混合模式揭秘4——jssdk调用微信扫一扫

在JSSDK中,为开发者提供了一个扫一扫API服务
  • kgsew
  • kgsew
  • 2015-11-24 14:16
  • 3339
    个人资料
    • 访问:103676次
    • 积分:2514
    • 等级:
    • 排名:第17300名
    • 原创:147篇
    • 转载:26篇
    • 译文:0篇
    • 评论:19条
    最新评论