支付按钮的点击事件
$(´.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;}
本文讲解了前端调用微信支付接口，更多相关内容请关注。
相关推荐：
jquery插件开发标准写法
markdown基本语法和使用方法
使用form、formdata进行的文件提交。
以上就是前端调用微信支付接口的详细内容。