h5移動(dòng)端如何調(diào)用支付寶、微信支付

這篇文章給大家分享的是有關(guān)h5移動(dòng)端如何調(diào)用支付寶、微信支付的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

代碼：

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;
        }
    })
    // 點(diǎn)擊支付
    $('.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("獲取支付通道失?。?quot; + e.message);
                });
            })

            mui.post('此處填寫(xiě)支付接口', {
               '此處填寫(xiě)所需參數(shù)'
            },
            function (data) {
                console.log(JSON.stringify(data));
                if (data) {
                    data = data.data.payStr;
                    plus.payment.request(aliChannel, data, function (result) {
                        
                            // 支付成功處理
                       
                    }, function (e) {
                        floatRemind("付費(fèi)失敗，用戶(hù)已取消");
                    });
                } 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("獲取支付通道失敗：" + e.message);
                });
            })

            mui.post('此處填寫(xiě)支付接口', {
                '此處填寫(xiě)所需參數(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)用過(guò)了，沒(méi)有問(wèn)題，支付寶可以真機(jī)調(diào)試，微信必須打包下載測(cè)試。

測(cè)試過(guò)程中有過(guò)報(bào)錯(cuò)-100，百度各種解決方法，后來(lái)發(fā)現(xiàn)不是前端問(wèn)題，有人說(shuō)打包必須選自有證書(shū)，自己試過(guò)了不需要，公用證書(shū)就可以的。

感謝各位的閱讀！關(guān)于“h5移動(dòng)端如何調(diào)用支付寶、微信支付”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！