前端調(diào)用微信支付接口的方法

這篇文章主要介紹了前端調(diào)用微信支付接口的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊(cè)、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設(shè)、安澤網(wǎng)站維護(hù)、網(wǎng)站推廣。

支付按鈕的點(diǎn)擊事件

$(′.Save_Patient_Msg′).click(function(){
    $(′.Save_Patient_Msg′).off(′click′);
    var hrdfId = getOrderId();
    var txnAmt = $(′.sum_pay.font-red′).html(); 
     
    var data = {orderId: hrdfId, txnAmt: "0.01", 
        prodDesc: "遠(yuǎn)程診斷服務(wù)", callType: "JSAPI",
        access_token: getUrlParam("access_token")
    };
    $.ajax({
        type: ′POST′,
        url: ′/hims/api/commonPay/queryTransNo?access_token=′ getUrlParam(′access_token′),
        dataType:′json′,
        contentType:′application/json′,
        data: JSON.stringify(data),
        success: function(Wxres){
          if(!Wxres){
            $.alert(′服務(wù)器擁堵，請(qǐng)稍后訪問′)
          }else{
              console.log(Wxres);
              if(Wxres.data.respCode == ′fail′){
                $.alert(Wxres.data.respMsg);
              }else{
                 //10 微信支付接口
                    // 10.1 發(fā)起一個(gè)支付請(qǐng)求
                    // 注意：此 Demo 使用 2.7 版本支付接口實(shí)現(xiàn)，建議使用此接口時(shí)參考微信支付相關(guān)最新文檔。
                    var param = Wxres.data;
                    wx.config({
                        debug: false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過log打出，僅在pc端時(shí)才會(huì)打印。
                        appId: ′wx403ead26691402fb′, // 必填，公眾號(hào)的唯一標(biāo)識(shí)
                        timestamp: param.timestamp, // 必填，生成簽名的時(shí)間戳
                        nonceStr: param.noncestr, // 必填，生成簽名的隨機(jī)串
                        signature: param.signJs,// 必填，調(diào)用js簽名，
                        jsApiList: [′chooseWXPay′] // 必填，需要使用的JS接口列表，這里只寫支付的
                    });
                    wx.chooseWXPay({
                        timestamp: param.timestamp, // 支付簽名時(shí)間戳，注意微信jssdk中的所有使用timestamp字段均為小寫。但最新版的支付后臺(tái)生成簽名使用的timeStamp字段名需大寫其中的S字符
                        nonceStr: param.noncestr, // 支付簽名隨機(jī)串，不長于 32 位
                        package: "prepay_id=" param.transNo, // 統(tǒng)一支付接口返回的prepay_id參數(shù)值，提交格式如：prepay_id=***）
                        signType: "MD5", // 簽名方式，默認(rèn)為′SHA1′，使用新版支付需傳入′MD5′
                        paySign: param.sign, // 支付簽名
                        success: function (res) {
                            if(res.errMsg == "chooseWXPay:ok"){
                                //alert("支付成功");
                                window.location.href  = "/hims/weixin/pages/Order_ok.html?access_token=" getUrlParam("access_token");
                            }else{
                                alert(res.errMsg);
                            }
                        },
                        cancel: function(res){
                            //alert(′取消支付′);
                        }
                    });
                }
            }   
        },
        error:function(data){
            var msg =  data.message || data.status;
            $.alert(′服務(wù)器錯(cuò)誤′ msg);
        }
    });   
    return false;

});

獲取url代碼

function getUrlParam(name){
    //構(gòu)造一個(gè)含有目標(biāo)參數(shù)的正則表達(dá)式對(duì)象
    var reg = new RegExp("(^|&)"  name  "=([^&]*)(&|$)");
    //匹配目標(biāo)參數(shù)
    var r = window.location.search.substr(1).match(reg);
    //返回參數(shù)值
    if (r!=null) return unescape(r[2]); return null;}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享前端調(diào)用微信支付接口的方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!

當(dāng)前標(biāo)題：前端調(diào)用微信支付接口的方法
本文網(wǎng)址：http://muchs.cn/article18/gesidp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、網(wǎng)站內(nèi)鏈、靜態(tài)網(wǎng)站、網(wǎng)站策劃、微信公眾號(hào)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)