微信支付官方文档：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. Vin2008 X64安装.Net Framework1.1

     http://www.iis.net/learn/install/installing-iis-7/how-to-install-aspnet-11-with-iis-on-vista-and- ...

  2. ckeditor编辑器从word粘贴公式

    由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直 ...

  3. C# 下划线转驼峰

    /// <summary> /// 转换 /// </summary> /// <param name="sender"></param& ...

  4. Maven私服使用经验总结

    我是使用nexus2.11.2在centos6.5上搭建的私服,以下是总结我这几天的经验. 1.当你修改pom.xml的时候,eclipse检查的是你本地仓库里的jar包,如果有了,pom.xml文件 ...

  5. label设置渐变时不显示纯英文纯数字字符串

    提出问题: 当对UILabel设置渐变color时,有点小问题.即:text为中文或中英混合字符串时显示正常,纯英文字符串不显示!!!   剖析问题: 经搜索了解到:在显示中文时,绘制渐变color的 ...

  6. mac下生成keystore

    keytool -genkey -v -keystore sign.keystore -alias cxa -keyalg RSA -validity 20000 -keystore /Users/c ...

  7. 使用 Fiddler 抓取iPhone 的 HTTPS 请求

    Fiddler 是著名的 HTTP(S) 抓包工具,功能十分强悍.Fiddler 采用代理的方式进行抓包,所以使用范围就非常广泛,不仅可以在 PC 端使用,更可以在移动设备上使用. 要在 iPhone ...

  8. Java 内存模型学习笔记

    1.Java类 public class Math { public static final Integer CONSTANT = 666; public int math(){ int a = 1 ...

  9. python-pptx add_image_picture

  10. FCRA题库及答案(未完待续)

    一.FCRA-入门基础(23) 1.FineReport中普通模板总共有5种不同的预览模式:分页预览.填报预览.新填报预览.数据分析.移动端预览 决策报表下为表单预览.移动端预览 2.FineRepo ...