主頁 > 知識庫 > h5移動端調(diào)用支付寶、微信支付的實現(xiàn)

h5移動端調(diào)用支付寶、微信支付的實現(xiàn)

熱門標(biāo)簽:南昌仁和怎么申請開通400電話 只辦理400電話 如何獲取地圖標(biāo)注客戶 平?jīng)龅貓D標(biāo)注位置怎么弄 拓展地圖標(biāo)注 電話機(jī)器人電銷系統(tǒng)掙話費 高德地圖標(biāo)注地點糾錯 機(jī)器人外呼系統(tǒng)存在哪些能力 電話機(jī)器人黑斑馬免費

公司項目之前已有支付寶支付,現(xiàn)要求增加微信支付,第一次做,摸著石頭過河!結(jié)果是滿意的。
廢話就不說了直接上代碼:

var aliChannel = null; 
    var wxChannel = null;

    // 定義支付方式切換 
    var state_type = 1;
    // 選擇支付方式  默認(rèn)為支付寶樣式
    $(".zfb").find("i").css("background-Image","url(../img/pl_8.png)");
    $(".pay").on("singleTap",".pay_c",function(){
        $(this).find("i").css("background-Image","url(../img/pl_8.png)");
        $(this).siblings().find("i").css("background-Image","url(../img/pl_9.png)");

        if($(this).find("span").text().trim() == "支付寶"){
            state_type = 1;

        }else if($(this).find("span").text().trim() == "微信"){
            state_type = 2;
        }
    })
    // 點擊支付
    $('.pay_btn').unbind();
    $('.pay_btn').singleTap(function () {
        if(state_type == 1){
            // 支付寶通道
            mui.plusReady(function () { // 獲取支付通道  
                plus.payment.getChannels(function (channels) {
                    for (var i in channels) {
                        if (channels[i].id == "wxpay") {
                            wxChannel = channels[i];
                        } else {
                            aliChannel = channels[i];
                        }
                    }
                }, function (e) {
                    alert("獲取支付通道失敗:" + e.message);
                });
            })

            mui.post('此處填寫支付接口', {
               '此處填寫所需參數(shù)'
            },
            function (data) {
                console.log(JSON.stringify(data));
                if (data) {
                    data = data.data.payStr;
                    plus.payment.request(aliChannel, data, function (result) {
                        
                            // 支付成功處理
                       
                    }, function (e) {
                        floatRemind("付費失敗,用戶已取消");
                    });
                } else {
                    plus.nativeUI.alert("支付失敗");
                }
            });
        }else if(state_type == 2){
            // 微信通道
            mui.plusReady(function () { // 獲取支付通道  
                plus.payment.getChannels(function (channels) {
                    for (var i in channels) {
                        if (channels[i].id == "wxpay") {
                            wxChannel = channels[i];
                        } else {
                            aliChannel = channels[i]; 
                        }
                    }
                }, function (e) {
                    alert("獲取支付通道失?。?quot; + e.message);
                });
            })

            mui.post('此處填寫支付接口', {
                '此處填寫所需參數(shù)'
            },
                function (data) {
                    data = JSON.stringify(data.data);
                    if (data) {
                        plus.payment.request(wxChannel, data, function (result) {
                            
                                // 支付成功處理
                           
                        }, function (msg) {
                            // JSON.stringify(msg.message)
                            floatRemind('支付失敗');
                        });
                    } else {
                        plus.nativeUI.alert("支付失敗");
                    }
                });
        }

        
        
    })

自己已經(jīng)用過了,沒有問題,支付寶可以真機(jī)調(diào)試,微信必須打包下載測試。

測試過程中有過報錯-100,百度各種解決方法,后來發(fā)現(xiàn)不是前端問題,有人說打包必須選自有證書,自己試過了不需要,公用證書就可以的。

代碼就是這些,可以直接拿去用,測試如果OK,請給點鼓勵,謝謝!第一次寫博客,寫的不好請見諒!

到此這篇關(guān)于h5移動端調(diào)用支付寶、微信支付的實現(xiàn)的文章就介紹到這了,更多相關(guān)h5移動端支付寶微信支付內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!

標(biāo)簽:青島 新疆 漯河 西藏 棗莊 遼源 永州 池州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《h5移動端調(diào)用支付寶、微信支付的實現(xiàn)》,本文關(guān)鍵詞  移動,端,調(diào)用,支付,寶,微信,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《h5移動端調(diào)用支付寶、微信支付的實現(xiàn)》相關(guān)的同類信息!
  • 本頁收集關(guān)于h5移動端調(diào)用支付寶、微信支付的實現(xiàn)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章