CINXE.COM
付款链接 - 腾云网 - 支付宝、微信在线付款
<!doctype html> <html> <head><meta charset="utf-8" /><title> 付款链接 - 腾云网 - 支付宝、微信在线付款 </title><meta name="viewport" content="width=1020" /><meta id="description" name="description" content="始创于2008年，智慧网络营销服务提供商，历经10多年，服务客户超万家，遍布国内600多个城市。" /><meta id="keywords" name="keywords" content="腾云网,网站建设,做网站,建站,建网站,网站制作,腾云官网,网络营销推广,SEO优化,百度关键词排名" /> <script type="text/javascript" src="/js/jquery-1.8.3.js"></script> <script type="text/javascript" src="/js/https.js"></script> <script type="text/javascript" src="/js/tiaozhuan.js"></script> <script type="text/javascript"> uaredirect("/h5-pay");</script> <script type="text/javascript" src="/js/jQuery.blockUI.js"></script> <script type="text/javascript" src="/js/jquery.SuperSlide.js"></script> <script type="text/javascript" src="/js/myJs.js"></script> <script type="text/javascript" src="/js/float.js"></script> <script type="text/javascript" src="/js/spm.js"></script> <link rel="stylesheet" href="/css/style.css" type="text/css" /><link rel="stylesheet" href="/css/onlinepay.css" type="text/css" /><link rel="stylesheet" href="/Css/Cashier.css" type="text/css" /> <script src="/Js/JPlaceholder/onlinepay/index.js" type="text/javascript"></script> <script type="text/javascript"> function zhuanzhang() { $(".zffs").animate({ height: "580px" }, 200); } function zhifu() { $(".zffs").animate({ height: "200px" }, 1); } //弹出隐藏层 function ShowLogin() { $("#PayResults").show(); $("#PayResultsFade").show(); var bgdiv = document.getElementById("PayResultsFade"); bgdiv.style.width = document.body.scrollWidth; $("#PayResultsFade").height($(document).height()); }; //关闭弹出层 function CloseDiv() { //location.reload(); $("#PayResults").hide(); $("#PayResultsFade").hide(); }; </script> <style type="text/css"> .pay_wxts { color: #f60; background: #FCF8E2; border: 1px solid #FBECCB; padding: 12px; padding-left: 35px; line-height: 18px; position: relative; } .pay_wxts img { width: 20px; position: absolute; left: 12px; top: 10px; } </style> </head> <body> <div class="top_01"> <div class="wapper wapper02"> <strong class="wx_logo"> <img src="/images/wx_05.png" onclick="javascript:window.open('https://www.400301.com', '_self');" alt="返回首页" style="cursor: pointer;"></strong> <span> <a href="/login">登录</a></span> <span style="color: #c3c0c0;">|</span> <span> <a href="/register">免费注册</a></span> <span>还不是会员？</span> </div> </div> <div class="goumai_02 wapper02" style="padding-bottom: 0px; margin-top: 30px;"> <div class="pay_wxts"> <img src="/images/dp.png">温馨提示：通过支付宝或微信直接扫码支付，方便快捷，付款后及时把付款结果截图发给在线客服。</div> <div class="txzfxx"> <h2 style="font-size: 22px; font-weight: normal; height: 50px; line-height: 50px; color: #000;"> 在线付款</h2> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="text-align: right; line-height: 32px; padding-top: 15px;"> 收款方 </td> <td style="width: 330px; padding-top: 15px;"> 腾云网 </td> </tr> <tr> <td style="text-align: right; width: 100px;"> 付款方 </td> <td> <input type="text" id="txtname" maxlength="20" value="" placeholder="公司名称或者个人姓名"> </td> </tr> <tr> <td style="text-align: right; width: 100px;"> 联系人手机 </td> <td> <input type="text" id="txtphone" maxlength="11" value="" placeholder="可不填"> </td> </tr> <tr> <td style="text-align: right; width: 100px;"> 付款金额 </td> <td> <input type="text" id="txtamount" placeholder="比如1000" maxlength="10" value=""> </td> </tr> <tr> <td style="text-align: right;"> 备注说明 </td> <td> <input type="text" id="txtbeizhu" style="width: 780px;" placeholder="可不填" maxlength="30" value=""> </td> </tr> </table> </div> <div class="xs-msg-erro"> <span style="height: 35px; width: 35px; background: url(/images/icon-69.gif) 0px -246px no-repeat; display: block; float: left; margin-top: 17px; margin-left: 50px;"></span> <span style="float: left; margin-top: 18px; font-size: 14px;" id="xinfo"></span> </div> <div class="gm_zfff"> <div class="hd"> <ul> <li>选择支付方式</li> </ul> </div> <div class="bd"> <ul> <li> <span class="user_pay" id="alipay"> <img src="/images/bank_alipay.gif" title="支付宝" /></span> <span class="user_pay" id="wxpay"> <img src="/images/bank_weixin.gif" title="微信" /></span> <div class="clear fgx"> </div> </li> </ul> </div> <h3> <input id="hidinfo" type="hidden" value="0" /> <input id="hidbukuanid" type="hidden" value="0" /> <input id="hidtype" type="hidden" value="0" /> <input id="btnGopay" type="button" value="结 算" onclick="Gopay();" class="btnbc" style="cursor: pointer;" /> </h3> </div> <script type="text/javascript"> jQuery(".gm_zfff:eq(0)").slide({ effect: "fade", trigger: "click" });</script> </div> <div class="footer_03"> © 2008-<script> document.write(new Date().getFullYear())</script> 腾云网 版权所有 </div> <div id="PayResultsFade" class="black_overlay"> </div> <div id="PayResults" class="white_content"> <div class="ttt" style="background: #eee; width: 445px; margin: auto; padding: 10px 0; z-index: 1;"> <table cellspacing="8" cellpadding="0" style="background: #fff; width: 425px; height: 200px; overflow: hidden; margin: auto; z-index: 2;"> <tr> <td style="background: #f6f6f6; height: 30px; padding-left: 4px; font-weight: bold;"> 支付结果提示 </td> </tr> <tr> <td style="height: 85px; padding-top: 5px;"> <div style="float: left; width: 100px; height: 80px;"> <img src="/images/loading.gif" alt="" /> </div> <div style="float: left; height: 100px; text-align: left; font-size: 14px; line-height: 20px; color: #555; padding-top: 10px; height: 80px;"> 支付完成前，请不要关闭此支付验证窗口。<br /> 支付完成后，请根据您的支付情况点击下面按钮。 </div> <div class="clear"> </div> </td> </tr> <tr> <td style="vertical-align: top;"> <input type="button" value="支付遇到问题" style="border: 1px solid #ccc; height: 30px; width: 100px; border-radius: 3px; background: #eee; cursor: pointer; margin-right: 20px;" onclick="Tiao()" /> <input type="button" value="支付完成" style="border: 1px solid #f60; height: 30px; width: 100px; border-radius: 3px; background: #f60; color: #fff; cursor: pointer;" onclick="Tiao()" /> </td> </tr> </table> </div> </div> <script type="text/javascript"> function MathRand() //生成16位随机数 { var Num = ""; for (var i = 0; i < 16; i++) { Num += Math.floor(Math.random() * 10); } return Num; } var seconds; var objTimer; var bukuanid; var timerOrderState; $(".white_content").smartFloatt(); $(function () { $(".user_pay").click(function () { $("#hidtype").val($(this).attr("id")); }) }) //倒计时 function direction(miao) { //到计时 if (miao == 0) { $(".xs-msg-erro").animate({ height: "0px" }, 1000); } miao -= 1; setTimeout("direction(" + miao + ")", 1000); } //去付款 function Gopay() { var name = $("#txtname").val(); var phone = $("#txtphone").val(); var amount = $("#txtamount").val(); var beizhu = $("#txtbeizhu").val(); var regm = new RegExp(/^\d*\.?\d{0,2}$/); if (name == "") { $("#txtname").focus(); $("#xinfo").html("请输入公司名称或者个人姓名"); //显示 setTimeout(function () { $(".xs-msg-erro").animate({ height: "60" }, 300); }, 1); //隐藏 setTimeout(function () { $(".xs-msg-erro").animate({ height: "0" }, 300); }, 5000); return false; } if (phone != "") { var isMobile = /^1[3|4|5|6|7|8]\d{9}$/; //手机号码验证规则 if (!isMobile.test(phone)) { $("#txtphone").focus(); $("#xinfo").html("请输入正确的手机号码"); //显示 setTimeout(function () { $(".xs-msg-erro").animate({ height: "60" }, 300); }, 1); //隐藏 setTimeout(function () { $(".xs-msg-erro").animate({ height: "0" }, 300); }, 5000); return false; } } if (!regm.test(amount) || amount == "") { $("#txtamount").focus(); $("#txtamount").val(""); $("#xinfo").html("请输入正确的金额"); //显示 setTimeout(function () { $(".xs-msg-erro").animate({ height: "60" }, 300); }, 1); //隐藏 setTimeout(function () { $(".xs-msg-erro").animate({ height: "0" }, 300); }, 5000); return false; } if (Number(amount) < 0.01) { $("#txtamount").focus(); $("#xinfo").html("付款金额最小是 0.01 元"); //显示 setTimeout(function () { $(".xs-msg-erro").animate({ height: "60" }, 300); }, 1); //隐藏 setTimeout(function () { $(".xs-msg-erro").animate({ height: "0" }, 300); }, 5000); return false; } var type = $("#hidtype").val(); if (type == "0") { $("#xinfo").html("请选择支付方式"); //显示 setTimeout(function () { $(".xs-msg-erro").animate({ height: "60" }, 300); }, 1); //隐藏 setTimeout(function () { $(".xs-msg-erro").animate({ height: "0" }, 300); }, 5000); return false; } if (type != "") { // alert(type); //显示二维码框子 if (type == "wxpay") { //此时不是微信环境 var ua = window.navigator.userAgent.toLowerCase(); //微信H5 var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, presto: u.indexOf('Presto') > -1, webKit: u.indexOf('AppleWebKit') > -1, gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, iPad: u.indexOf('iPad') > -1, webApp: u.indexOf('Safari') == -1 }; } (), language: (navigator.browserLanguage || navigator.language).toLowerCase() } if (ua.match(/MicroMessenger/i) != 'micromessenger' && !browser.versions.android && !browser.versions.iPhone && !browser.versions.iPad) { $(".reveal-modal").show(); $(".reveal-modal-bg").show(); } } if (beizhu != "") { beizhu = " / 备注：" + beizhu; } if ($("#hidbukuanid").val() == "0" || $("#hidinfo").val() != amount + phone + beizhu) { var rannum = MathRand(); //生成订单号 $.ajax({ type: "post", async: false, // 设置同步方式 ******** url: "/Tools/Pay/OnlinePay.aspx?Phone=" + phone + "&Amount=" + escape(amount) + "&Beizhu=" + escape("付款方：" + name + beizhu) + "&spm=" + rannum, datatype: "json", success: function (msg) { $("#hidbukuanid").val(msg); $("#hidinfo").val(amount + phone + beizhu); bukuanid = msg; } }); } if (parseInt(bukuanid) > 0) { if (type == "wxpay") { //判断是不是微信环境 var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { //此处是微信环境 window.open("/weixinpay/gongzhonghao?order_id=" + bukuanid + "&interface=onlinepay", "_self"); return false; } else { var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, presto: u.indexOf('Presto') > -1, webKit: u.indexOf('AppleWebKit') > -1, gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, iPad: u.indexOf('iPad') > -1, webApp: u.indexOf('Safari') == -1 }; } (), language: (navigator.browserLanguage || navigator.language).toLowerCase() } if (browser.versions.android || browser.versions.iPhone || browser.versions.iPad) { //此处是微信H5支付 window.open("/weixinpay/h5?order_id=" + bukuanid + "&interface=onlinepay", "_self"); setTimeout(function () { ShowLogin(); //显示付款提示 }, 1500); return false; } else { GetErweima(1); return false; } } } if (type == "alipay") { window.open("/alipay?interface=onlinepay&order_id=" + bukuanid); ShowLogin(); //显示付款提示 } } } return false; } //跳转 function Tiao() { window.location.href = "/paymentResults?interface=onlinepay&order_id=" + bukuanid; } //获取二维码 function GetErweima(spm) { if (spm == "0") { window.clearInterval(timerOrderState); window.clearInterval(objTimer); $("#wxSecond").show(); $("#ewmExpired").hide(); $(".shuaxin").hide(); } var amount = $("#txtamount").val(); $("#WxPayPrice").html("支付 " + amount + "元") $("#gqmiao").html("99秒") $(".wxewmid").html(""); //获取微信二维码 $.ajax({ type: "get", async: true, // 设置同步方式 ******** url: "/wxpay/Erweima.htm?Id=" + bukuanid + "&spm=" + GetCode(9), datatype: "json", success: function (msg) { $(".wxewmid").html(msg); } }); //倒计时开始 seconds = 99; objTimer = window.setInterval(redirection, 1000); //刷新付款状态 block if ($("#ewmExpired").css("display") == "none") { timerOrderState = setInterval(QueryOrderState, 1000); } return false; } //计时器 function redirection() { seconds--; $("#gqmiao").html(seconds + "秒") if (seconds == "0") { window.clearInterval(timerOrderState); window.clearInterval(objTimer); $("#wxSecond").hide(); $("#ewmExpired").show(); $(".shuaxin").show(); } } //获取付款状态 function QueryOrderState() { // $("#ceshidd").html(parseInt($("#ceshidd").html()) + 1); //获取微信二维码 $.ajax({ type: "get", async: true, // 设置同步方式 ******** url: "/Tools/Pay/GetState.aspx?Id=" + bukuanid + "&spm=" + GetCode(9), datatype: "json", success: function (msg) { if (msg == "1") { window.clearInterval(timerOrderState); window.clearInterval(objTimer); //直接跳到成功页 window.location.href = "/paymentResults?interface=onlinepay&order_id=" + bukuanid; } } }); } //关闭微信付款 function CloseEwmPay() { window.clearInterval(timerOrderState); window.clearInterval(objTimer); $(".reveal-modal").hide(); $(".reveal-modal-bg").hide(); } </script> <div id="myModal" class="reveal-modal"> <h2> <strong id="WxPayPrice">支付 99.00元</strong><span class="close-reveal-modal" onclick="CloseEwmPay()"><img src="/images/tanchu_01.png" /></span></h2> <div class="title"> 微信扫码支付</div> <div class="con"> <div class="wxewmid"> <img src="/images/getWxImage.jpg" /> </div> <div class="shuaxin"> <a href="#" id="sGetewm" onclick="javascript:GetErweima(0)">重新获取二维码</a></div> </div> <div class="daojishi"> <div id="wxSecond"> <span id="gqmiao">99秒</span>后此二维码过期 </div> <div style="color: #ff5d5b; display: none;" id="ewmExpired"> 二维码已过期，请重新获取二维码。 </div> </div> <div class="qtzf"> <span class="close-reveal-modal" onclick="CloseEwmPay()">使用其他支付方式 ></span></div> </div> <div class="reveal-modal-bg"> </div> <div id="ceshidd" style="font-size: 100px; display: none;"> 1</div> </body> </html>