实例介绍
【实例简介】
【实例截图】
【核心代码】
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="pay.aspx.cs" Inherits="wxDemoweb.wxpay.pay" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>GMTA-微信支付测试</title> <meta charset="utf-8"> <meta name="renderer" content="webkit"> <meta name="author" content="chiukingho"> <meta name="viewport" content="width=480,user-scalable=no,target-densitydpi=device-dpi"> <style> .button { width: 150px; line-height: 30px; text-align: center; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333; border-radius: 10px; position: relative; overflow: hidden; cursor: pointer; margin-top: 20px; height: 50px; } .button.gray { color: #8c96a0; text-shadow: 1px 1px 1px #fff; border: 1px solid #dce1e6; box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset; background: -webkit-linear-gradient(top,#f2f3f7,#e4e8ec); background: -moz-linear-gradient(top,#f2f3f7,#e4e8ec); background: linear-gradient(top,#f2f3f7,#e4e8ec); } #proImg { width: 100px; } </style> </head> <body> <form id="form1" runat="server"> <div style="text-align: center; margin-top: 50px;"> 当前网络环境: <span class="int"></span> <br /> <br /> <br /> <span id="payMsg" style="color: Red;">微信支付测试:0.01 元</span> <br /> <span id="Span1" style="color: Red;">订单编号:<%=ordercode %></span> <br /> <input type="button" class="button" value="支付" id="payOK" /> <br /> <%=wxpayconfig.timestamp%> <br /> <%=wxpayconfig.nonceStr%> <br /> <%=wxpayconfig.package%> <br /> <%=wxpayconfig.signType %> <br /> <%=wxpayconfig.paySign %> </div> <div style="margin-top: 200px; text-align: right;"> <span style="font-size: 12px; color: #CCC;">好男人就是我,我就是蟑螂欧巴 </span> </div> </form> <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script> <script type="text/javascript"> wx.config({ debug: false, appId: 'wx7770e80e51db839e', // 必填,公众号的唯一标识 timestamp: "<%=wxconfig.timestamp%>", nonceStr: "<%=wxconfig.nonceStr%>", signature: "<%=wxconfig.signature%>", jsApiList: [ // 必填,需要使用的JS接口列表 'onMenuShareTimeline', 'onMenuShareAppMessage', 'getNetworkType', 'chooseWXPay' ] }); wx.ready(function () { document.querySelector('#payOK').onclick = function () { wx.chooseWXPay({ timestamp: "<%=wxpayconfig.timestamp%>", // 支付签名时间戳 nonceStr: "<%=wxpayconfig.nonceStr%>", // 支付签名随机串 package: "<%=wxpayconfig.package%>", // 统一支付接口返回的package包 signType: "<%=wxpayconfig.signType%>", // 签名方式,'MD5' paySign: "<%=wxpayconfig.paySign %>", // 支付签名 success: function (res) { if(res.err_msg == "get_brand_wcpay_request:ok" ) { alert("支付成功"); // 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。 } } }); }; var shareData = { title: 'GMTA-微信支付测试', desc: '好男人就是我,我就是蟑螂欧巴', link: 'http://***/wxpay/pay.aspx', imgUrl: 'http://***/wxshare.jpg', trigger: function (res) { //alert('用户点击发送给朋友'); }, success: function (res) { //alert('已分享'); }, cancel: function (res) { //alert('已取消'); }, fail: function (res) { //alert(JSON.stringify(res)); } }; //监听“分享给朋友”,按钮点击、自定义分享内容及分享结果接口 wx.onMenuShareAppMessage(shareData); //监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口 wx.onMenuShareTimeline(shareData); //获取用户网络状态 wx.getNetworkType({ success: function (res) { $(".int").html(res.networkType); document.getElementById("int").innerHTML=res.networkType; }, fail: function (res) { alert(JSON.stringify(res)); } }); //监听错误事件 出现'invalid signature' AJAX刷新ticket,并刷新当前页面 wx.error(function (res) { if(res.errMsg.indexOf("invalid signature") > 0 ) { alert("无效的签名,需要更新"); } else{alert(res.errMsg);} }); }); </script> </body> </html>
好例子网口号:伸出你的我的手 — 分享!
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论