微信支付(微信浏览器支付WeixinJSBridge.invoke)

微信支付JSAPI

function onBridgeReady() {
	WeixinJSBridge.invoke(
		'getBrandWCPayRequest', {
			"appId": "appId", //公众号名称，由商户传入     
			"timeStamp": "timeStamp", //时间戳，自1970年以来的秒数     
			"nonceStr": "nonceStr", //随机串     
			"package": "package",
			"signType": "MD5", //微信签名方式：     
			"paySign": "paySign" //微信签名 
		},
		function(res) {
			// 支付成功
			if (res.err_msg == "get_brand_wcpay_request:ok") {
				// 使用以上方式判断前端返回,微信团队郑重提示：
				//res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
			}
			// 支付过程中用户取消
			if (res.err_msg == "get_brand_wcpay_request:cancel") {

			}
			// 支付失败
			if (res.err_msg == "get_brand_wcpay_request:fail") {

			}
			/**
			 * 其它
			 * 1、请检查预支付会话标识prepay_id是否已失效
			 * 2、请求的appid与下单接口的appid是否一致
			 * */
			if (res.err_msg == "调用支付JSAPI缺少参数：total_fee") {

			}
		});
}
// 检测支付环境中的 WeixinJSBridge
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();
}

JSAPI调起支付注意事项：

• 在微信浏览器里打开H5网页中执行JS调起支付；
• WeixinJSBridge是微信浏览器内置对象，在其他浏览器中无效；
• 调用支付传递的参数注意区分大小写。