前端微信支付js代码


Posted in Javascript onJuly 25, 2016

本文实例为大家分享了前端微信支付js代码,供大家参考,具体内容如下

$('.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;
 
 });
 
 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; //返回参数值
 } 
 
 })

本文已被整理到了《JavaScript微信开发技巧汇总》,欢迎大家学习阅读。

为大家推荐现在关注度比较高的微信小程序教程一篇:《微信小程序开发教程》小编为大家精心整理的,希望喜欢。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript解析URL参数示例代码
Aug 12 Javascript
jquery validate demo 基础
Oct 29 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
Jun 15 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
Aug 10 Javascript
AngularJS过滤器详解及示例代码
Aug 16 Javascript
AngularJS过滤器filter用法分析
Dec 11 Javascript
javascript自定义事件功能与用法实例分析
Nov 08 Javascript
Vue实现拖放排序功能的实例代码
Jul 08 Javascript
vue之组件内监控$store中定义变量的变化详解
Nov 08 Javascript
如何基于JavaScript判断图片是否加载完成
Dec 28 Javascript
nginx部署多个vue项目的方法示例
Sep 06 Javascript
vue 使用rules对表单字段进行校验的步骤
Dec 25 Vue.js
javascript与jquery动态创建html元素示例
Jul 25 #Javascript
jquery siblings获取同辈元素用法实例分析
Jul 25 #Javascript
js动态添加的DIV中的onclick事件简单实例
Jul 25 #Javascript
js微信分享API
Oct 11 #Javascript
jQuery简单注册和禁用全局事件的方法
Jul 25 #Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
Jul 25 #Javascript
Javascript的比较汇总
Jul 25 #Javascript
You might like
ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
2014/08/08 PHP
新浪微博OAuth认证和储存的主要过程详解
2015/03/27 PHP
php操作redis缓存方法分享
2015/06/03 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
2020/02/15 PHP
javascript 类方法定义还是有点区别
2009/04/15 Javascript
JavaScript入门之对象与JSON详解
2011/10/21 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
12种不宜使用的Javascript语法整理
2013/11/04 Javascript
jquery渐隐渐显的图片幻灯闪烁切换实现方法
2015/02/26 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
js微信分享API
2020/10/11 Javascript
Vue + Webpack + Vue-loader学习教程之相关配置篇
2017/03/14 Javascript
Vue.js实战之利用vue-router实现跳转页面
2017/04/01 Javascript
javascript ES6 新增了let命令使用介绍
2017/07/07 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
2017/07/27 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
2017/12/28 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
2019/01/02 Javascript
基于vue实现一个神奇的动态按钮效果
2019/05/15 Javascript
在Vue项目中,防止页面被缩放和放大示例
2019/10/28 Javascript
jQuery实现简单弹幕效果
2019/11/28 jQuery
JavaScript实现京东快递单号查询
2020/11/30 Javascript
在Python中使用全局日志时需要注意的问题
2015/05/06 Python
python3 判断列表是一个空列表的方法
2018/05/04 Python
Selenium+Python 自动化操控登录界面实例(有简单验证码图片校验)
2019/06/28 Python
Python如何读取文件中图片格式
2020/01/13 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
Supersmart英国:欧洲市场首批食品补充剂供应商之一
2018/05/05 全球购物
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
行政经理的岗位职责
2013/11/23 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
毕业自我评价
2014/02/05 职场文书
投标文件签署授权委托书范本
2014/10/12 职场文书
新员工入职欢迎词
2015/01/23 职场文书
python解决12306登录验证码的实现
2021/04/18 Python