微信支付官方文档：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. 45 | 自增id用完怎么办？

    MySQL 里有很多自增的 id,每个自增 id 都是定义了初始值,然后不停地往上加步长.虽然自然数是没有上限的,但是在计算机里,只要定义了表示这个数的字节长度,那它就有上限.比如,无符号整型 (un ...

  2. Linux操作系统常用命令合集——第三篇-系统管理操作(25个命令)

    1.whoami [命令作用] 显示当前登录有效用户名称 [命令语法]  whoami    [选项] [常用选项] 无 [参数说明] 用户名称 [命令示例] 显示当前登录有效用户名称 # whoam ...

  3. P1608 路径统计

    题目描述 “RP餐厅”的员工素质就是不一般,在齐刷刷的算出同一个电话号码之后,就准备让HZH,TZY去送快餐了,他们将自己居住的城市画了一张地图,已知在他们的地图上,有N个地方,而且他们目前处在标注为 ...

  4. grafana+mysql忘记admin密码解决方法

    通过mysql修改admin的密码. 我之前注册了一个用户,所以我直接复制lvusyy这个用户的密码即可. update user inner join (select password,salt,r ...

  5. Nexus 3搭建及备份恢复

    Nexus 3搭建 官网下载相应的软件版本:Nexus官网 配置仓库存放地址 # tar xf xxxx # more bin/nexus.vmoptions -Xms500M -Xmx500M -X ...

  6. Arts打卡第10周

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

  7. TortoiseGit的安装与配置

    1. 简介 TortoiseGit是Tortoise提供的Git版本可视化工具,简化Git记忆命令行的过程,将命令行可视化. 2. 下载 官网:https://tortoisegit.org/down ...

  8. 认识wsgi

    WSGI是什么? WSGI,全称 Web Server Gateway Interface,或者 Python Web Server Gateway Interface ,是为 Python 语言定义 ...

  9. 服务器(Linux)上运行python总结

    跑实验换了几次服务器了,每次遇到相似问题都要重新百度,而且每次百度搜索出的顺序都不一样,又得重新找半天,这次把遇到的问题都总结一下. 1.准备 PuTTY和FileZilla FileZilla使用F ...

  10. 神经网络模型(Backbone)

    自己搭建神经网络时,一般都采用已有的网络模型,在其基础上进行修改.从2012年的AlexNet出现,如今已经出现许多优秀的网络模型,如下图所示. 主要有三个发展方向: Deeper:网络层数更深,代表 ...