微信支付官方文档：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. 006_软件安装之_Proteus 8.6 SP2 Professional

    安装好像已经是直接破解的版本了 链接:https://pan.baidu.com/s/1NQDFJeJwmzoMIPZWhWNtFA提取码:ql8g 复制这段内容后打开百度网盘手机App,操作更方便哦

  2. Greenplum 调优--查看子节点SQL运行状态

    摘自<Greenplum企业应用实战> 重点: 使用gp_dist_random函数,将查询下发到每个Segement 创建查看子节点SQL运行状态视图 1)创建v_active_sql视 ...

  3. PostgreSQL 数据目录结构

    根目录介绍 data ├── base # use to store database file(SELECT oid, datname FROM pg_database;) ├── global # ...

  4. [TJOI2013]松鼠聚会 曼哈顿距离

    [TJOI2013]松鼠聚会 luogu P3964 首先容易得到两点间距离是\(max(|x_1-x_2|, |y_1-y_2|)\)(即切比雪夫距离) 然后有个套路:原\((x,y)\)求曼哈顿距 ...

  5. 基于评分的商品top-N推荐系统

    import io # needed because of weird encoding of u.item file import os from surprise import KNNBaseli ...

  6. 10月清北学堂培训 Day 3

    今天是钟皓曦老师的讲授~ zhx:题很简单,就是恶心一些qwq~ T1 别人只删去一个字符都能AC,我双哈希+并查集只有40?我太菜了啊qwq 考虑到越短的字符串越难压缩,越长的字符串越好压缩,所以我 ...

  7. 关于SQLServer 中行列互转的实例说明

    这几天在做一个招标系统中审批模块,其中关于报价信息这块,用到了pivot和unpivot来实现数据的行列互转,下面简单介绍一下,实际案例,便于回忆和记录相关的条件下使用的情况.pivot 与 unpi ...

  8. Arts打卡第5周

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

  9. 5分钟学会如何创建spring boot项目

    上一篇博客说了如何创建spring boot项目,但是有些同学会觉得有点麻烦,有没有什么快速学会能快速创建spring boot项目的方法,答案是肯定的.接下来我们就一起来快速创建一个spring b ...

  10. adb shell monkey--APP