js如何实现前端微信支付功能

  介绍

小编给大家分享一下js如何实现前端微信支付功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

美元(& # 39;.Save_Patient_Msg& # 39;) .click(函数(){   ,美元(& # 39;.Save_Patient_Msg& # 39;) .off(& # 39;点击# 39;);   ,var  hrdfId =, getOrderId ();   美元,var  txnAmt =, (& # 39; .sum_pay.font-red& # 39;) . html (),,   ,,   ,var  data =, {orderId: hrdfId,, txnAmt:,“0.01“,,,   ,prodDesc:“远程诊断服务,,,callType:,“JSAPI"   ,access_token: getUrlParam (“access_token")   ,};   ,,   ,. ajax({美元   类型:大敌;& # 39;文章# 39;   ,url: & # 39;希姆斯/api/commonPay/queryTransNo ? access_token=& # 39; + getUrlParam (& # 39; access_token& # 39;),   ,数据类型:& # 39;json # 39;   ,contentType: & # 39;应用程序/json # 39;   ,数据:JSON.stringify(数据),   ,成功:函数(wxr) {   ,如果(! wxr) {   美元,.alert(& # 39;服务器拥堵,请稍后访问& # 39;)   ,其他}{   console.log才能(wxr);   如果才能(Wxres.data.respCode ==, & # 39;失败# 39;){   美元才能.alert (Wxres.data.respMsg);   }{其他才能//10才能,微信支付接口//才能,10.1,发起一个支付请求//才能,注意:此,Demo 使用,2.7,版本支付接口实现,建议使用此接口时参考微信支付相关最新文档。   var 才能;param =, Wxres.data;   wx.config({才能   调试才能:假的,,//,开启调试模式,调用的所有api的返回值会在客户端提醒出来,若要查看传入的参数,可以在pc端打开,参数信息会通过日志打出,仅在pc端时才会打印。   appId才能:& # 39;wx403ead26691402fb& # 39;,,//,必填,公众号的唯一标识   时间戳:才能,param.timestamp,,//,必填,生成签名的时间戳   ,,nonceStr: param.noncestr,,//,必填,生成签名的随机串   签名:才能,param.signJs,//,必填,调用js签的名,   ,,jsApiList: [& # 39; chooseWXPay& # 39;],//,必填,需要使用的JS接口列表,这里只写支付的   ,,});   wx.chooseWXPay({才能   时间戳:才能,param.timestamp,,//,支付签名时间戳,注意微信jssdk中的所有使用时间戳字段均为小写。但最新版的支付后台生成签名使用的时间戳字段名需大写其中的年代字符   ,,nonceStr: param.noncestr,,//,支付签名随机串,不长于,32位   ,,包:“prepay_id=? param.transNo,,//,统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=* * *)   signType才能:“MD5",,//,签名方式,默认为& # 39;sha1 # 39;,使用新版支付需传入& # 39;md5 # 39;   ,,paySign: param.sign,,//,支付签名   ,,成功:function  (res), {   如果才能(res.errMsg ==,“chooseWXPay: ok") {   ,,//警报(“支付成功“);   ,,window.location.href =,“希姆斯/weixin/页面/Order_ok.html ? access_token=? getUrlParam (“access_token");   }{其他才能   ,,警报(res.errMsg);   ,,}   ,,},   ,,取消:函数(res) {//警报才能(& # 39;取消支付& # 39;);   ,,}   ,,});   ,,}   ,,   }大敌;   },   ,错误:功能(数据){   var 才能;msg =, data.message  | |, data.status;   美元才能.alert(& # 39;服务器错误& # 39;+味精);   ,}   ,});   ,return 假;   ,,   ,});   ,,   ,function  getUrlParam(名字){   ,var  reg =, new 正则表达式(“(^ |,)“+,name  +“=((^和)*)(和| $),),,//构造一个含有目标参数的正则表达式对象   ,var  r =, window.location.search.substr (1) .match (reg);,//匹配目标参数   ,if  (r !=null), return  unescape (r [2]);, return 零;,//返回参数的值   }大敌;   ,,   之前,})

js如何实现前端微信支付功能