#### 發起支付(JS版)
在PHP中發起支付時,粉絲在支付時界面會跳轉至系統的收銀臺界面中(PHP版中文末的圖),對于希望能在當前頁面直接處理的開發者,微擎提供了利用JS發起支付的方式,該方式如果是微信支付會直接在當前頁面中支付,如果是百度錢包、支付寶其它支付則會直接跳轉至支付方進行支付。
>[info]util.pay(option)
option 參數列表如下:
* orderFee 要支付的金額
* payMethod 發起的支付類型,分別為 微信支付(wechat)、百度錢包(baifubao)、支付寶(alipay)、銀聯支付(unionpay)
* orderTitle 支付標題
* orderTid 充值模塊中的訂單號,此號碼用于業務模塊中區分訂單,保證在業務中是唯一即可
* module 發起支付的模塊,支付成功后會通知該模塊
* success 支付成功回調函數,
* fail 支付失敗時回調函數
* complete 支付完成(成功和失敗)時回調函數
>[warning] 注意:orderTid 業務訂單號此值,在調用util.pay方法之前應當先ajax請求一個訂單號,然后再發起支付。
*示例*
```
<button type="button" class="mui-btn mui-btn-block mui-disabled js-wechat-pay">微信支付(加載中)</button>
<button type="button" onclick="dopayBaidu()" class="mui-btn mui-btn-block">百度錢包</button>
<script type="text/javascript">
//發起微信支付,微信支付依賴于 WeixinJSBridge 組件,所以發起時應該在ready事件中進行
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
$('.js-wechat-pay').removeClass('mui-disabled');
$('.js-wechat-pay').click(function(){
//先通過AJAX獲取最新的訂單號
$.getJSON("xxxx.php", function(data, status){
if(status == 'success'){
util.pay({
orderFee : data.fee,
payMethod : 'wechat',
orderTitle : '充值' + data.fee + '元',
orderTid : data.ordertid,
module : 'recharge',
success : function(result) {
alert('支付成功');
},
fail : function(result) {
alert('fail : ' + result.message);
},
complete : function(result) {
location.reload();
}
});
}
});
});
$('.js-wechat-pay').html('微信支付');
});
//百度錢包和其它支付則無瀏覽器組件要求,可直接使用
function dopayBaidu() {
util.pay({
orderFee : 0.01,
payMethod : 'baifubao',
orderTitle : '充值10元',
orderTid : 1234567104,
module : 'recharge',
success : function(res) {
alert('支付成功');
},
fail : function(result) {
alert('fail : ' + result.message);
},
complete : function(result) {
alert('complete : ' + result.message);
}
});
}
</script>
```
效果如下:

- 入門
- 系統安裝
- 接入公眾平臺
- 關鍵字回復
- 更上一層樓
- 編碼規范
- php編碼規范
- html&css編碼規范
- JavaScript編碼規范
- 系統概述
- 結構概述
- 入口腳本
- 微擎MVC
- URL路由&創建
- $_W&全局變量
- 加載器
- 錯誤處理
- 日志記錄
- 模板
- 模板標簽
- 數據調用
- 常用變量
- 手機端組件
- 概述及依賴
- 圖像上傳
- 彈出選項
- 后臺組件
- 概述及依賴
- 后臺文件上傳
- 富文本編輯器
- 系統鏈接選擇器
- 其它常用組件
- 數據庫
- 參數綁定
- 數據操作
- 主從配置
- 連接其它數據庫
- 緩存
- 配置
- 緩存操作
- Http請求
- 概述及依賴
- GET&POST請求
- 發送郵件
- 會員與積分
- 統一用戶中心
- 借用OAuth
- 積分操作
- 資料操作
- 卡券
- 營銷卡券
- 會員卡
- 消息響應
- 消息概述
- 消息響應
- 微信API
- 公眾號AccessToken
- 共享收貨地址(廢棄)
- 共享收貨地址(新)
- 粉絲標簽
- 客服消息
- 模板消息
- 粉絲信息
- 素材
- 群發
- 二維碼
- 在線支付
- 概述及依賴
- 發起支付(PHP)
- 發起支付(JS)
- 驗證支付
- 模塊
- 設計模塊
- 目錄結構
- module.php
- processor.php
- site.php
- receiver.php
- 模塊高級專題
- 自定義分享
- 智能應答
- 微信卡券
- 遠程附件
- 權限控制
- 特殊事件觸發模塊
- 粉絲信息
- 小程序
- 概述
- Uitl類
- 云服務
- 云API
- 系統接口
- 模塊云配置
- 云短信
- 云短信錯誤代碼
- 云短信發送函數
- 批量群發短信
- 應用推廣
- 懸賞文案
- 折扣碼
- 系統消息
- 開發者等級資料認證
- 應用標簽
- 模塊自動檢測訂閱支持
- 小程序
- 開發實例
- 參數設置
- 常見問題