1. 程式人生 > >微信JS支付程式碼 前端呼叫微信支付介面

微信JS支付程式碼 前端呼叫微信支付介面

跟大家分享一段微信支付的js程式碼片段、V3版的微信支付沒有paySignKey引數、基本上是直接複製就可以使用了、改一改自己的引數就好了、話不多說、直接上程式碼 支付按鈕的點選事件 $(´.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: "遠端診斷服務", 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(´伺服器擁堵,請稍後訪問´)           }else{               console.log(Wxres);               if(Wxres.data.respCode == ´fail´){                 $.alert(Wxres.data.respMsg);               }else{                  //10 微信支付介面                     // 10.1 發起一個支付請求                     // 注意:此 Demo 使用 2.7 版本支付介面實現,建議使用此介面時參考微信支付相關最新文件。                     var param = Wxres.data;                     wx.config({                         debug: false, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來,若要檢視傳入的引數,可以在pc端開啟,引數資訊會通過log打出,僅在pc端時才會列印。                         appId: ´wx403ead26691402fb´, // 必填,公眾號的唯一標識                         timestamp: param.timestamp, // 必填,生成簽名的時間戳                         nonceStr: param.noncestr, // 必填,生成簽名的隨機串                         signature: param.signJs,// 必填,呼叫js簽名,                         jsApiList: [´chooseWXPay´] // 必填,需要使用的JS介面列表,這裡只寫支付的                     });                     wx.chooseWXPay({                         timestamp: param.timestamp, // 支付簽名時間戳,注意微信jssdk中的所有使用timestamp欄位均為小寫。但最新版的支付後臺生成簽名使用的timeStamp欄位名需大寫其中的S字元                         nonceStr: param.noncestr, // 支付簽名隨機串,不長於 32 位                         package: "prepay_id=" param.transNo, // 統一支付介面返回的prepay_id引數值,提交格式如:prepay_id=***)                         signType: "MD5", // 簽名方式,預設為´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(´伺服器錯誤´ msg);         }     });        return false; }); 獲取url程式碼 function getUrlParam(name){     //構造一個含有目標引數的正則表示式物件     var reg = new RegExp("(^|&)"  name  "=([^&]*)(&|$)");     //匹配目標引數     var r = window.location.search.substr(1).match(reg);     //返回引數值     if (r!=null) return unescape(r[2]); return null; } 

相關推薦

JS支付程式碼 前端呼叫支付介面

跟大家分享一段微信支付的js程式碼片段、V3版的微信支付沒有paySignKey引數、基本上是直接複製就可以使用了、改一改自己的引數就好了、話不多說、直接上程式碼 支付按鈕的點選事件 $(´.Save_Patient_Msg´).click(function

JS支付程式碼_前端呼叫支付介面

轉自:http://dditblog.com/itshare_553.html 跟大家分享一段微信支付的js程式碼片段、V3版的微信支付沒有paySignKey引數、基本上是直接複製就可以使用了、改一改自己的引數就好了、話不多說、直接上程式碼   支付按鈕的點選事件

vue如何通過NodeJs本地獲取access_token及簽名,並呼叫介面

一直都想搞一下微信公眾號網頁開發,公司忙沒有時間自己也沒開發過所以也沒有頭緒,前兩天通過自己的摸索以及自行查詢的資料,終於通過nodejs在本地成功的獲取到了微信的access_token及簽名,以及呼叫微信的介面.因為筆者自己在做的時候費了挺長時間,沒有找到一個相

js-sdk 上傳圖片、下載圖片介面

前提已經在wx.config()中,將圖片介面驗證通過。 微信js-sdk 中上傳圖片介面(uploadImage)和下載圖片介面(downloadImage)都是針對微信伺服器本身的。以官方文件為準 注: 1.使用chooseImage介面獲取到微信客戶端圖片地址的與都是

企業JS-SDK開發(一)------通過config介面注入許可權驗證配置

企業微信JS-SDK是企業微信面向網頁開發者提供的基於企業微信內的網頁開發工具包。通過js-sdk可以在企業微信內實現眾多功能,如調出通訊錄、調出攝像頭、隱藏部分按鈕等。使用js-sdk分為三步:1.開發頁面引入JS檔案html頁面加入<script src="//re

循序漸進VUE+Element 前端應用開發(22)--- 簡化main.js處理程式碼,抽取過濾器、全域性介面函式、元件註冊等處理邏輯到不同的檔案中

在我們開發程式碼的時候,一般都喜歡進行一定程度的重構,以達到簡化程式碼、關注點分離、提高程式碼可讀性等等方面的考慮,本篇隨筆介紹在VUE+Element 前端應用開發過程中,實現簡化main.js處理程式碼,抽取過濾器、全域性介面函式、元件註冊等處理邏輯到不同的檔案中做法。 1、main.js處理邏輯 我們知

支付:伺服器(Java)統一下單獲取prepay_id成功,前端公眾號裡呼叫jsapi提示支付驗證簽名失敗

昨天折騰一宿,就是因為這個問題: 微信支付:伺服器統一下單獲取prepay_id成功,前端公眾號裡呼叫jsapi提示支付驗證簽名失敗(簽名工具測試簽名正確) 這裡預設的是簽名方式是MD5,前後兩個簽名方式不一至導致的“支付驗證簽名失敗”。 解決方法:前後兩個簽名方式調成

支付,支付支付前端js寫法

//建立訂單function sumbitOrder() { var townId = $("#town option:selected").val() var payType = parseInt($("#payType li i.onzf").attr("

小程式前端支付程式碼

<view bindtap ="requestPayment"></view>// pages/paysrue/paysrue.jsPage({ /** * 頁面的初始資料

JSSDK開發,呼叫掃一掃 JAVA & jsp前端 & js實現

// 微信JSSDK的AccessToken請求URL地址 ublic final static String weixin_jssdk_acceToken_url = "https://api.weixin.qq.com/cgi-bin/token?grant_type

針對APP的後臺支付程式碼支付寶)

APP支付: 1.微信支付: 這是app支付時,一個完整的流程 1.1首先要去微信開放平臺註冊,並建立APP 1.2取得微信支付的許可權 1.3 商戶平臺有公眾號平臺和APP平臺兩種,一定要是APP平臺,可以在下面這個地方

支付報"呼叫支付jsapi缺少引數 total_fee",實際Java統一支付介面,返回“body引數長度有誤”

之前幫朋友做過一次微信支付,記得裡面到處都是坑,今天朋友說出現問題提了:商品選擇3個及3個以內的時候,正常支付,選擇4個及以上的時候,就會支付失敗。並傳給我2張截圖:   明顯報錯資訊:呼叫支付jsapi缺少引數 total_fee 基於之前對微信支付的瞭解,這個報錯參考意義

前端支付支付支付在pc端和h5頁面中的應用

1:h5微信支付 使用的是https://pay.weixin.qq.com/wiki/doc/api/index.html  中的 (1):公司需要首先要配置公眾號微信支付地址和測試白名單(支付的時候顯示這個支付頁面沒許可權有可能是這個原因) 如上圖http://ww

Java專案呼叫支付到指定銀行卡

public static EnterpriceToCustomer WXPayToBC(String encBankAcctNo, String encBankAcctName, String bank_code, String desc, String amount) throws Ex

JAVA實現呼叫js-sdk掃一掃

喜歡的朋友可以關注下。 已經很久沒有給大家分享一片技術文章了,今天抽了點時間來,給大家說一說如何呼叫微信提供的掃一掃介面。 前提: 需要申請一個公眾號:申請公眾號需要的資料我就不說了,去申請微信會提示需要哪些。 準備appid(公眾號的id) AppSecret (

呼叫支付寶第三方介面方法總結

<span style="white-space:pre">  </span>    //判斷證書               if (resHandler.getParameter("sign").equals(                   WeixinSignUtil.

企業JS-SDK引用(java後臺,vue前端)

近期需要隱藏企業轉發等功能,需要呼叫企業微信JS-SDK,把自己寫的留存下. 步驟一:引入JS檔案 步驟二:通過config介面注入許可權驗證配置 注:所有需要使用JS-SDK的頁面必須先注入配置資訊,否則將無法呼叫(同一個url僅需呼叫一次,對於變化url的SPA

呼叫支付wx.chooseWXPay 詳細流程

 第一步:配置微信基本配置 /* * 獲取微信配置 以下的引數後臺提供 這裡切記,經常會報錯, 因為頁面的url的問題, 我這裡是後臺寫死的,根據不同的環境配置不同url * */ initWxConfig () {

asp.net mvc 支付程式碼分析

開發微信應用,微信支付是永遠要面對的。現在的微信支付相對以往已經很穩定,很少出現詭異情況。再加上無數人開發的經驗分享,現在開發微信支付已經沒什麼難度了。 我這次主要是想基於沐雪微信平臺的微商城業務來分析微信支付到底該怎麼做。主要講思路,程式碼也同時會獻上。 一、思考:1、

10行程式碼搞定支付(Java版)

微信支付痛點 對於大多數同學來說,要開發微信支付可不簡單。 附上微信支付官方文件https://pay.weixin.qq.com/wiki/doc/api/index.html 從文件上可以看出,你需要解決很多問題,我就隨便挑幾個吧。 xml與物件的互轉: 微