微信支付官方文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6

前端代码demo (JSP页面)：

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">

	<title>订单支付</title>

	<link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css">

	<script type="text/javascript" src="//cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>

	<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=PDzweVAQXotI9pGAyDjzeQWN3U66LS2S&s=1"></script>

	<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

	<link rel="stylesheet" href="../css/myedit.css" />

</head>

<body ontouchstart >

	<input id="openId"  type="hidden"  value="${eaporLoginOpenId }"/>

	<span>openId:</span><span id="o"></span>

	<a   class="weui-btn weui-btn_plain-default" style="margin-top:100px;">0.01元</a>

	 <a id="pay"  class="weui-btn  weui-btn_primary">立即支付</a>

	 <p id="sr"></p>

	 <script>

		function onBridgeReady(a){

	 	   var result = JSON.parse(a);

	 	   WeixinJSBridge.invoke(

	 	       'getBrandWCPayRequest', {

	 	           "appId":String(result.appId),//公众号名称，由商户传入

	 	           "timeStamp":String(result.timeStamp),//时间戳，自1970年以来的秒数

	 	           "nonceStr":String(result.nonceStr),//随机串

	 	           "package":String(result.packages),

	 	           "signType":String(result.signType),//"MD5"//微信签名方式：

	 	           "paySign":String(result.paySign)//微信签名

	 	       },

	 	       function(res){

	 	          if (res.err_msg == "get_brand_wcpay_request:ok") {

                      //alert("微信支付成功!");

                      window.location="wx_payResult.jsp";

                  } /* else if (res.err_msg == "get_brand_wcpay_request:cancel") {

                      alert("用户取消支付!");

                  } else {

                      alert(res.err_msg);

                      alert("支付失败!");

                  } */

	 	            // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。

	 	       }

	 	   );

	 	}

	 $(function(){

		 $('#o').html($('#openId').val());

	 });

 	$('#pay').on('click',function(){

 		$.ajax({

 			type:'post',

 			url:'../../netTestPay/first',

 			data:{body:'酒店房间预订单',total_fee:1,out_trade_no:String(new Date().getTime()),openId:$('#openId').val()},

 			dataType:'json',

 			success:function(result){

 				 if (typeof WeixinJSBridge == "undefined"){

	 		 	   if( document.addEventListener ){

	 		 	       document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);

	 		 	   }else if (document.attachEvent){

	 		 	       document.attachEvent('WeixinJSBridgeReady', onBridgeReady);

	 		 	       document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);

	 		 	   }

	 		 	}else{

	 		 	   onBridgeReady(JSON.stringify(result));

	 		 	 $('#sr').html(JSON.stringify(result));

	 		 	}

 			}

 		});

 	});

	 </script>

</body>

</html>

　　

项目中微信公众号调取支付控件demo的更多相关文章

  1. 微信公众号：1-IDHTTP控件：GET/POST 请求获取access_token

    (图来源于方蓓?) 首先要理解公众号的流程.通过图知道,我们要:1.你要有个web服务器,用于和微信服务器通讯.你的web服务器必须让微信服务器能找到.2.通信要求按照微信公众号开发要求的格式提供相关 ...

  2. 在Thinkphp中微信公众号JsApi支付

    由于网站使用的微信Native扫码支付,现在公众号需要接入功能,怎么办呢,看这官方文档,参考着demo进行写吧.直接进入正题 进入公众号(服务号)设置--->功能设置--->网页授权域名配 ...

  3. 微信公众号JSAPI支付

    微信公众号JSAPI支付 一:配置参数 申请成功后,获取接口文件, 将所有文件放入项目根目录weixin下,在WxPay.ub.config.php中填入配置账户信息; 二:设置授权 开发者中心-&g ...

  4. winform项目中开发的一套UI控件库

    https://github.com/houyhea/winform-control-lib winform-control-lib 曾经在一个winform项目中开发的一套UI控件库 类图:  效果 ...

  5. vue项目使用微信公众号支付总结

    微信公众号支付 1. 使用jssdk调用微信支付,具体查看开发文档: 使用的vuex,在mutations中 wechatPay (state, data) { state.payObject = d ...

  6. 微信公众号H5支付遇到的那些坑

    简史 官方文档说的很清楚,商户已有H5商城网站,用户通过消息或扫描二维码在微信内打开网页时,可以调用微信支付完成下单购买的流程. 当然,最近微信支付平台也加入了纯H5支付,也就是说用户可以在微信以外的 ...

  7. 微信公众号JSAPI支付-多公众号向同一商户号支付的问题解决

    一.背景 项目提供公众号商城集成,在公众号里进行商品的购买,并与多家公众号合作增加渠道流量. . 二.实现 有关微信公众号.商户号的开通与支付绑定不细说 从背景里可知,我们需要实现多个公众号购买向同一 ...

  8. PHP应用如何对接微信公众号JSAPI支付

    微信支付的产品有很多,1. JSAPI支付  2. APP支付  3. Native支付  4.付款码支付  5. H5支付. 其中基于微信公众号开发的应用选择“JSAPI支付“产品,其他APP支付需 ...

  9. 网站如何接入微信公众号JSAPI支付PHP版

    1.首先,我们要有一个微信公众号(分类类型有订阅号,服务号,企业号)我们的微信公众号一定是个服务号只有它才有微信支付接口.. 并且这个微信公众号一定要进行微信认证才能申请微信支付接口. 2.申请JSA ...

随机推荐

  1. Greenplum 调优--数据倾斜排查（二）

    上次有个朋友咨询我一个GP数据倾斜的问题,他说查看gp_toolkit.gp_skew_coefficients表时花费了20-30分钟左右才出来结果,后来指导他分析原因并给出其他方案来查看数据倾斜. ...

  2. Linux使用Aria2命令下载BT种子/磁力/直链文件 转载

    Linux使用Aria2命令下载BT种子/磁力/直链文件 博主: Rat's 发布时间:2017 年 10 月 10 日 26725 次浏览 8 条评论 1073 字数 分类:主机教程 首页 正文 分 ...

  3. 贾扬清牛人（zz）

    贾扬清加入阿里巴巴后,能否诞生出他的第三个世界级杰作? 文 / 华商韬略 张凌云  本文转载,著作权归原作者所有   贾扬清加入阿里巴巴后,能否诞生出他的第三个世界级杰作? 2017年1月11日,美国 ...

  4. thinkphp5/php cors跨域处理

    现在做项目,很多都是前后端分离.也就是前段,后端都有自己的域名. 那么前段请求后端接口的时候,就会出现跨域问题.出现跨域的问题,主要 是浏览器的安全策略-同源策略.那么怎么解决跨域问题呢,抛出主角 C ...

  5. 【转】harbor仓库高可用集群部署说明

    之前介绍Harbor私有仓库的安装和使用,这里重点说下Harbor高可用集群方案的部署,目前主要有两种主流的Harbor高可用集群方案:1)双主复制:2)多harbor实例共享后端存储. 一.Harb ...

  6. 打造简单OS-总目录

    1-汇编写入引导区,虚拟机启动步骤 (了解即可) 2-开机BIOS初始化与MBR操作系统引导详解 (了解即可) 3-MBR引导区转移加载简单程序(突破512限制)(了解即可) 4-loader硬盘加载 ...

  7. Tkinter 之Button标签

    一.参数说明 语法 作用 Button(root,text='xxxx') 按钮图标显示内容 Button(root,text='xxxx',height=2) 组件的高度(所占行数) Button( ...

  8. 探究机器码，深入研究C语言程序的机制

    用C高级编程语言写的程序,都要经过编译链接成本机可执行的程序.这个可执行程序究竟是什么呢?在Linux上,我们可以用objdump命令很方便地查看一个可执行程序的机器码.我们从一个简单的示例开始,说一 ...

  9. Arts打卡第9周

    Algorithm.主要是为了编程训练和学习. 每周至少做一个 leetcode 的算法题(先从Easy开始,然后再Medium,最后才Hard). 进行编程训练,如果不训练你看再多的算法书,你依然不 ...

  10. GDB使用——pwn相关

    目录 寄存器 内存 peda插件命令 x命令详解 后续补充 内容来源 寄存器 1.查看寄存器 2.查看所有寄存器 3.查看某个寄存器 4.修改寄存器的值 内存 1.修改内存值 2.搜索内存 peda插 ...