Stripe - 支付宝支付（前端）

2、前端代码：

use \Illuminate\Support\Facades\Input;

?><!DOCTYPE html>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="Cache-Control" content="no-siteapp" />

? ? <meta name="format-detection" content="telephone=no" />

? ? <meta name="format-detection" content="email=no" />

? ? <title>VIP会员

? ? <link rel="stylesheet" type="text/css" href="<?=Config::get('app.cdn01')?>/api_assert/css/index.min.css">

? ? <link rel="stylesheet" type="text/css" href="<?=Config::get('app.cdn01')?>/api_assert/css/inviteReg.min.css">

? ? <script src="<?=Config::get('app.cdn01')?>/api_assert/script/flexible.min.js">

? ? ? ? #footers{

width:100%;

? ? ? ? ? ? height:6rem;

? ? ? ? ? ? background:#fff;

? ? ? ? ? ? position:fixed;

? ? ? ? ? ? left:0;

? ? ? ? ? ? bottom: -.2rem;

? ? ? ? ? ? margin:auto;

? ? ? ? }

.footers_top{

width:100%;

? ? ? ? ? ? height:.9rem;

? ? ? ? ? ? text-align:center;

? ? ? ? ? ? line-height:.9rem;

? ? ? ? ? ? background:#fff;

? ? ? ? ? ? position:relative;

? ? ? ? ? ? display:flex;

? ? ? ? ? ? justify-content:center;

? ? ? ? ? ? align-items:center;

? ? ? ? }

.footers_top span{

font-family:"PingFang-SC-Regular";

? ? ? ? ? ? font-size:.34rem;

? ? ? ? ? ? color:#333333;

? ? ? ? }

.footers_top .no_icon{

width:.22rem;

? ? ? ? ? ? height:.22rem;

? ? ? ? ? ? position:absolute;

? ? ? ? ? ? right:.3rem;

? ? ? ? ? ? top:0;

? ? ? ? ? ? bottom:0;

? ? ? ? ? ? margin:auto;

? ? ? ? }

.footers_top .no_icon img{

display:block;

? ? ? ? ? ? width:100%;

? ? ? ? }

.mark fade{

width:100%;

? ? ? ? ? ? height:100%;

? ? ? ? }

.Popup {

display:none;

? ? ? ? ? ? width:100%;

? ? ? ? ? ? height:6rem;

? ? ? ? ? ? background:#fff;

? ? ? ? ? ? position:fixed;

? ? ? ? ? ? left:0;

? ? ? ? ? ? right:0;

? ? ? ? ? ? bottom:0;

? ? ? ? ? ? margin:auto;

? ? ? ? ? ? z-index:999;

? ? ? ? ? ? padding:.9rem .3rem 0rem;

? ? ? ? ? ? box-sizing:border-box;

? ? ? ? }

.Popup .footers_top{

position:absolute;

? ? ? ? ? ? top:0;

? ? ? ? ? ? left:0;

? ? ? ? ? ? margin:auto;

? ? ? ? ? ? border-bottom:1px solid #e3e3e3;

? ? ? ? ? ? background:#fff;

? ? ? ? }

.Popup .footers_top .no_icon{

right:.3rem;

? ? ? ? }

.Popup .StripeElement {

background-color:white;

? ? ? ? ? ? height:40px;

? ? ? ? ? ? padding:10px 12px;

? ? ? ? ? ? border-radius:4px;

? ? ? ? ? ? border:1px solid transparent;

? ? ? ? ? ? box-shadow:0 1px 3px 0 #e6ebf1;

? ? ? ? ? ? -webkit-transition:box-shadow 150ms ease;

? ? ? ? ? ? transition:box-shadow 150ms ease;

? ? ? ? }

.Popup .StripeElement--focus {

box-shadow:0 1px 3px 0 #cfd7df;

? ? ? ? }

.Popup .StripeElement--invalid {

border-color:#fa755a;

? ? ? ? }

.Popup .StripeElement--webkit-autofill {

background-color:#fefde5 !important;

? ? ? ? }

.Popup .StripeElement {

background-color:white;

? ? ? ? ? ? height:40px;

? ? ? ? ? ? padding:10px 12px;

? ? ? ? ? ? border-radius:4px;

? ? ? ? ? ? border:1px solid transparent;

? ? ? ? ? ? box-shadow:0px 0px 3px 1px #e6ebf1;

? ? ? ? ? ? -webkit-transition:box-shadow 150ms ease;

? ? ? ? ? ? transition:box-shadow 150ms ease;

? ? ? ? }

? ? <div class="header-btn">

? ? ? ? <div class="i-arrow" _back>

? ? ? ? <div class="i-close" _close>

? ? <div class="header-title">邀请注册

? ? <div class="step">

? ? ? ? <div>1.选择礼包

? ? ? ? <div><div class="i-arrow">

? ? ? ? <div>2.收货信息

? ? ? ? <div><div class="i-arrow">

? ? ? ? <div class="on">3.立即支付

? ? <form class="step3" action="payment/create">

? ? ? ? <div class="scroll">

? ? ? ? ? ? ? ? <label class="input-group">

? ? ? ? ? ? ? ? ? ? <div class="group">

? ? ? ? ? ? ? ? ? ? ? ? <div class="group-l nowrap">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <button type="button" class="name">邀请人&emsp;

? ? ? ? ? ? ? ? ? ? ? ? <div class="group-r">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="contant"><?php echo $parent->nick_name?>

? ? ? ? ? ? ? ? ? ? $inviteCode = \App\Models\UserInviteCode::query()->where('user_id',$parent->user_id)->where('state',1)->first();

? ? ? ? ? ? ? ? ?>? ? ? ? ? ? ? ? <label class="input-group" <?php echo $inviteCode?'':'style="display:none"'?>>

? ? ? ? ? ? ? ? ? ? <div class="group">

? ? ? ? ? ? ? ? ? ? ? ? <div class="group-l nowrap">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <button type="button" class="name">邀请码&emsp;

? ? ? ? ? ? ? ? ? ? ? ? <div class="group-r">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="contant">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <?php echo $inviteCode?$inviteCode->code:'';? ?>? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? <label class="input-group">

? ? ? ? ? ? ? ? ? ? <div class="group">

? ? ? ? ? ? ? ? ? ? ? ? <div class="group-l nowrap">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <button type="button" class="name">联系人&emsp;

? ? ? ? ? ? ? ? ? ? ? ? <div class="group-r">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="contant">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <?php echo e(Input::get('name'))?>  <?php echo e(Input::get('phone'))?>? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? <label class="input-group">

? ? ? ? ? ? ? ? ? ? <div class="group top">

? ? ? ? ? ? ? ? ? ? ? ? <div class="group-l nowrap">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <button type="button" class="name">地&emsp;址&emsp;

? ? ? ? ? ? ? ? ? ? ? ? <div class="group-r">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="contant">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 新加坡

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <?php echo e(Input::get('address'))?>? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? <div class="ware">

? ? ? ? ? ? ? ? ? ? <div class="group">

? ? ? ? ? ? ? ? ? ? ? ? $gift = \App\Models\UserUpgradeGift::query()

? ? ? ? ? ? ? ? ? ? ? ? ? ? ->where('state',1)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ->where('id',Input::get('gift'))

? ? ? ? ? ? ? ? ? ? ? ? ? ? ->first();

? ? ? ? ? ? ? ? ? ? ? ? if(!$gift)

? ? ? ? ? ? ? ? ? ? ? ? ? ? throw new \App\Business\Exceptions\BusinessException('请选择礼包！');

? ? ? ? ? ? ? ? ? ? ? ? ?>? ? ? ? ? ? ? ? ? ? ? ? <div class="group-l">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="logo"><img src="<?=$gift->pic_url?>">

? ? ? ? ? ? ? ? ? ? ? ? <div class="group-r">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="group right top">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="group-l">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="ware-main">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="ware-name t-o">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <?=e($gift->goods_name)?>? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="ware-spec">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="ware-price">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <span class="now">￥<?=$gift->price?>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <span class="old v-b">￥ <?=$gift->res_price?>

-->

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="group-r">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="ware-count">x1

? ? ? ? <input type="hidden" name="parentNo" value="<?php echo e(Input::get('parentNo'))?>">

? ? ? ? <input type="hidden" name="type" value="<?php echo e(Input::get('hasstore'))?>">

? ? ? ? <input type="hidden" name="giftId" value="<?php echo e(Input::get('gift'))?>">

? ? ? ? <input type="hidden" name="phone" value="<?php echo e(Input::get('phone'))?>">

? ? ? ? <input type="hidden" name="authcode" value="<?php echo e(Input::get('authcode'))?>">

? ? ? ? <input type="hidden" name="name" value="<?php echo e(Input::get('name'))?>">

? ? ? ? <input type="hidden" name="address" value="<?php echo e(Input::get('address'))?>">

? ? ? ? <input type="hidden" name="business" value="UserUpgradeOrder">

? ? ? ? <input type="hidden" name="province" value="2">

? ? ? ? <input type="hidden" name="city" value="3">

? ? ? ? <input type="hidden" name="area" value="4">

? ? ? ? <input type="hidden" name="invitationCode" value="<?=$inviteCode?$inviteCode->code:''?>">

? ? ? ? <input type="hidden" name="zipcode" value="<?php echo e(Input::get('zipcode'))?>">

? ? ? ? <div class="foot">

? ? ? ? ? ? <div class="group right">

? ? ? ? ? ? ? ? <div class="group-l">

? ? ? ? ? ? ? ? ? ? <div class="amount">

? ? ? ? ? ? ? ? ? ? ? ? 共 1件商品

? ? ? ? ? ? ? ? ? ? ? ? <div class="f-r">

? ? ? ? ? ? ? ? ? ? ? ? ? ? 需支付<span class="price">S$<span id="pay_money"></span></span>元

? ? ? ? ? ? ? ? <div class="group-r nowrap">

? ? ? ? ? ? ? ? ? ? <button type="button" class="confirm">立即支付

? ? ? ? <div class="mark fade">

? ? ? ? <div class="pay-mode bounce"? id="footers">

? ? ? ? ? ? <div class="footers_top">

? ? ? ? ? ? ? ? <span>支付方式

? ? ? ? ? ? ? ? <div class="no_icon">

? ? ? ? ? ? ? ? ? ? <img src="<?=Config::get('app.url')?>/ononononon.png" alt="">

? ? ? ? ? ? <div style="border-bottom:none">

? ? ? ? ? ? ? ? <label class="mode" >

? ? ? ? ? ? ? ? ? ? <div class="i-alipay" style="background-image:url('<?=Config::get('app.url')?>/xinyongka.png')">

? ? ? ? ? ? ? ? ? ? <span class="pay-name v-t">新加坡信用卡

? ? ? ? ? ? ? ? ? ? <div class="checkbox f-r">

? ? ? ? ? ? ? ? ? ? ? ? <input type="radio"? name="payProvider" value="1" checked="">

? ? ? ? ? ? ? ? <label class="mode" >

? ? ? ? ? ? ? ? ? ? <div class="i-alipay">

? ? ? ? ? ? ? ? ? ? <span class="pay-name v-t">支付宝支付

? ? ? ? ? ? ? ? ? ? <div class="checkbox f-r">

? ? ? ? ? ? ? ? ? ? ? ? <input type="radio"? name="payProvider"? value="2" >

? ? ? ? ? ? <button type="submit" id="submitOrder" class="btn-submit" style="width:6.2rem; height:.8rem;? background:#F7A030;? position:absolute;? left:0;? right:0;? margin:auto; text-align:center; line-height:.8rem; color:#FFFFFF;font-size:.3rem; font-family:'PingFang-SC-Regular'; position:absolute; bottom:.4rem; left:0; right:0; margin:auto; border-radius:.12rem;">确认支付

? ? <div class="Popup">

? ? ? ? <div class="footers_top">

? ? ? ? ? ? <span>支付方式

? ? ? ? ? ? <div class="no_icon">

? ? ? ? ? ? ? ? <img src="<?=Config::get('app.url')?>/ononononon.png" alt="">

? ? ? ? <form action="/charge" method="post" id="payment-form">

? ? ? ? ? ? ? ? <div class="form-row">

? ? ? ? ? ? ? ? ? ? <div id="card-element" style="margin-bottom:.2rem ;margin-top:.2rem">

? ? ? ? ? ? ? ? ? ? <label for="card-element" style=" font-family:'PingFang-SC-Regular'; color:#999999;font-size:.26rem;">

? ? ? ? ? ? ? ? ? ? ? ? 填写您的银行卡号确认付款

? ? ? ? ? ? ? ? ? ? <div id="card-errors" role="alert" style="margin-top:.2rem;? font-family:'PingFang-SC-Regular'; color:#999999;font-size:.26rem;">

? ? ? ? ? ? ? ? <button class="button" style="width:6.2rem; height:.8rem;? background:#F7A030;? position:absolute;? left:0;? right:0;? margin:auto; text-align:center; line-height:.8rem; color:#FFFFFF;font-size:.3rem; font-family:'PingFang-SC-Regular'; position:absolute; bottom:.4rem; left:0; right:0; margin:auto; border-radius:.12rem;" >

? ? ? ? ? ? ? ? ? ? 确认支付

? ? var msg =$("#btn").attr('data-message');

? ? if(msg){

$("#submitOrder").css({'display':'none'});

? ? ? ? $(".confirm").css({'display':'none'});

? ? ? ? App.alert(msg);

? ? }

App.ajaxWait({

url:'<?=\Illuminate\Support\Facades\URL::to('app/userUpgrade/Money')?>',

? ? ? ? data:{},

? ? ? ? success:function(result){

var hasstore ='<?php echo e(Input::get('hasstore'))?>';

? ? ? ? ? ? if(hasstore==1){

$("#pay_money").text(result['level_1_money'])

}else{

$("#pay_money").text(result['level_2_money'])

}

})

// Create a Stripe client.

? ? var stripe = Stripe("<?= env('STRIPE_PUB_KEY') ?>");

? ? // Create an instance of Elements.

? ? var elements = stripe.elements();

? ? // Custom styling can be passed to options when creating an Element.

// (Note that this demo uses a wider set of styles than the guide below.)

? ? var style = {

base: {

color:'#32325d',

? ? ? ? ? ? lineHeight:'18px',

? ? ? ? ? ? fontFamily:'"Helvetica Neue", Helvetica, sans-serif',

? ? ? ? ? ? fontSmoothing:'antialiased',

? ? ? ? ? ? fontSize:'16px',

? ? ? ? ? ? '::placeholder': {

color:'#aab7c4'

? ? ? ? ? ? }

? ? ? ? invalid: {

color:'#fa755a',

? ? ? ? ? ? iconColor:'#fa755a'

? ? ? ? }

};

? ? // Create an instance of the card Element.

? ? var card = elements.create('card', {style: style});

? ? // Add an instance of the card Element into the `card-element`

? ? card.mount('#card-element');

? ? // Handle real-time validation errors from the card Element.

? ? card.addEventListener('change', function(event) {

var displayError = document.getElementById('card-errors');

? ? ? ? if (event.error) {

displayError.textContent = event.error.message;

? ? ? ? }else {

displayError.textContent ='';

? ? ? ? }

});

? ? // Handle form submission.

? ? $("#submitOrder").click((e)=>{

e.preventDefault();

? ? ? ? data =$(".step3").serializeArray();

? ? ? ? data['pay_provider'] =1;

? ? ? ? let parentNo='';

? ? ? ? let type='';

? ? ? ? let giftId='';

? ? ? ? let phone='';

? ? ? ? let authcode='';

? ? ? ? let name='';

? ? ? ? let address='';

? ? ? ? let business='';

? ? ? ? let province='';

? ? ? ? let city='';

? ? ? ? let area='';

? ? ? ? let invitationCode='';

? ? ? ? let zipcode='';

? ? ? ? let payProvider='';

? ? ? ? data.forEach((val,index)=> {

if (val.name =="parentNo") {

parentNo = val.value;

? ? ? ? ? ? }

else if (val.name =="type") {

type = val.value;

? ? ? ? ? ? }

else if (val.name =="giftId") {

giftId = val.value;

? ? ? ? ? ? }

else if (val.name =="phone") {

phone = val.value;

? ? ? ? ? ? }

else if (val.name =="authcode") {

authcode = val.value;

? ? ? ? ? ? }

else if (val.name =="name") {

name = val.value;

? ? ? ? ? ? }

else if (val.name =="address") {

address = val.value;

? ? ? ? ? ? }

else if (val.name =="business") {

business = val.value;

? ? ? ? ? ? }

else if (val.name =="province") {

province = val.value;

? ? ? ? ? ? }

else if (val.name =="city") {

city = val.value;

? ? ? ? ? ? }

else if (val.name =="area") {

area = val.value;

? ? ? ? ? ? }

else if (val.name =="invitationCode") {

invitationCode = val.value;

? ? ? ? ? ? }

else if (val.name =="zipcode") {

zipcode = val.value;

? ? ? ? ? ? }

else if (val.name =="payProvider") {

payProvider = val.value;

? ? ? ? ? ? }

})

// 表单提交标识

? ? ? ? let flag =true;

? ? ? ? if(payProvider==1){

$(".Popup").css({"display":"block"});

? ? ? ? ? ? $(".button").click((event) => {

$(".pay-mode").hide();

? ? ? ? ? ? ? ? event.stopPropagation();

? ? ? ? ? ? ? ? event.preventDefault();

? ? ? ? ? ? ? ? if(flag) {

flag =false;

? ? ? ? ? ? ? ? ? ? stripe.createToken(card).then((result) => {

if (result.error) {

// Inform the user if there was an error.

? ? ? ? ? ? ? ? ? ? ? ? ? ? var errorElement = document.getElementById('card-errors');

? ? ? ? ? ? ? ? ? ? ? ? ? ? errorElement.textContent = result.error.message;

? ? ? ? ? ? ? ? ? ? ? ? }

else {

let token = result.token.id;

? ? ? ? ? ? ? ? ? ? ? ? ? ? setTimeout(()=>{

flag =true;

? ? ? ? ? ? ? ? ? ? ? ? ? ? }, 3000);

? ? ? ? ? ? ? ? ? ? ? ? ? ? App.ajaxWait({

url:"<?=\Illuminate\Support\Facades\URL::to('app/stripe/paidGift')?>",

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? type:"POST",

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? data: {

'parentNo': parentNo,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'type': type,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'giftId': giftId,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'phone': phone,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'authcode': authcode,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'name': name,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'address': address,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'business': business,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'province': province,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'city': city,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'area': area,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'invitationCode': invitationCode,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'zipcode': zipcode,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'payProvider': payProvider,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'currency':"sgd",

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'amount':"398",

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'pay_type':2,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'source': token

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? success:function (res) {

App.alert('支付成功！优品质、享购物、趣赚钱，即刻下载app吧！', function () {

window.location.href ='/app/download';

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? });

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? flag =true;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // if (!res.data) {

// }

// else {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //? ? App.alert(res && res.err_desc ? res.err_desc : '支付失败');

// }

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }

})

}

});

? ? ? ? ? ? ? ? }

})

}

else if(payProvider==2){

App.ajaxWait({

url:"xxxxxxxxx/app/stripe/createWebOrd",

? ? ? ? ? ? ? ? type:"POST",

? ? ? ? ? ? ? ? data: {

'parentNo': parentNo,

? ? ? ? ? ? ? ? ? ? 'type': type,

? ? ? ? ? ? ? ? ? ? 'giftId': giftId,

? ? ? ? ? ? ? ? ? ? 'phone': phone,

? ? ? ? ? ? ? ? ? ? 'authcode': authcode,

? ? ? ? ? ? ? ? ? ? 'name': name,

? ? ? ? ? ? ? ? ? ? 'address': address,

? ? ? ? ? ? ? ? ? ? 'business': business,

? ? ? ? ? ? ? ? ? ? 'province': province,

? ? ? ? ? ? ? ? ? ? 'city': city,

? ? ? ? ? ? ? ? ? ? 'area': area,

? ? ? ? ? ? ? ? ? ? 'invitationCode': invitationCode,

? ? ? ? ? ? ? ? ? ? 'zipcode': zipcode,

? ? ? ? ? ? ? ? ? ? 'payProvider': payProvider,

? ? ? ? ? ? ? ? ? ? 'currency':"sgd",

? ? ? ? ? ? ? ? ? ? 'amount':"398",

? ? ? ? ? ? ? ? ? ? 'pay_type':2

? ? ? ? ? ? ? ? },

? ? ? ? ? ? ? ? success:function (res) {

if (res.order_id) {

function alipay(amount) {

stripe.createSource({

type:'alipay',

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? amount:parseInt(amount),

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? currency:'sgd', // usd, eur,? ? ? ? ***

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? redirect: {

return_url: res['return_url']

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? metadata: {

'order_sn':res['trade_no'],

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'order_id':res['order_id'],

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'amount':amount,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'business':res['business'],

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'ordered_at':res['created_at']

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? },

? ? ? ? ? ? ? ? ? ? ? ? ? ? }).then(function (response) {

if (response.error) {

alert(response.error.message);

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }

else {

console.log(response);

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? processStripeResponse(response.source);

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }

});

? ? ? ? ? ? ? ? ? ? ? ? }

function processStripeResponse(source) {

window.location.href = source.redirect.url;

? ? ? ? ? ? ? ? ? ? ? ? }

alipay(res['amount']);

? ? ? ? ? ? ? ? ? ? }

else {

App.alert(res && res.err_desc ? res.err_desc :'支付失败');

? ? ? ? ? ? ? ? ? ? }

}

})

}

});

? ? $(".confirm").click(function (e) {

e.preventDefault();

? ? ? ? showPay();

? ? });

? ? $(".mark").click(function (e) {

e.preventDefault();

? ? ? ? hidePay();

? ? });

? ? $(".no_icon").click((e)=>{

e.preventDefault();

? ? ? ? hidePay();

? ? });

? ? function showPay() {

// $(".pay-mode").hide();

? ? ? ? $(".pay-mode").show();

? ? ? ? $(".mark").show();

? ? }

function hidePay() {

$(".pay-mode").hide();

? ? ? ? $(".mark").hide();

? ? ? ? $(".Popup").css({'display':'none'});

? ? }

?著作权归作者所有,转载或内容合作请联系作者

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 214,029评论 6赞 493
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 91,238评论 3赞 388
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事?！?“怎么了？”我有些...
开封第一讲书人阅读 159,576评论 0赞 349
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 57,214评论 1赞 287
?港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 66,324评论 6赞 386
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 50,392评论 1赞 292
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 39,416评论 3赞 412
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 38,196评论 0赞 269
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 44,631评论 1赞 306
?护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 36,919评论 2赞 328
?白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 39,090评论 1赞 342
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 34,767评论 4赞 337
?日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 40,410评论 3赞 322
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 31,090评论 0赞 21
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 32,328评论 1赞 267
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 46,952评论 2赞 365
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 43,979评论 2赞 351

传奇手游全部平台_三端传奇开服网址大全下载_三端传奇版本下载教程

Stripe - 支付宝支付（前端）

Stripe - 支付宝支付（前端）

推荐阅读更多精彩内容