前端微信支付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 相关文章推荐
让FireFox支持innerText的实现代码
Dec 01 Javascript
JS删除字符串中重复字符方法
Mar 09 Javascript
WEB前端设计师常用工具集锦
Dec 09 Javascript
如何编写高质量JS代码
Dec 28 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
详解js数组的完全随机排列算法
Dec 16 Javascript
基于vue中对鼠标划过事件的处理方式详解
Aug 22 Javascript
详解koa2学习中使用 async 、await、promise解决异步的问题
Nov 13 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
May 15 Javascript
个人小程序接入支付解决方案
May 23 Javascript
Vue+Node实现的商城用户管理功能示例
Dec 23 Javascript
Vue+Element-U实现分页显示效果
Nov 15 Javascript
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
咖啡冲泡指南 咖啡有哪些制作方式 单品咖啡 意式咖啡
2021/03/06 冲泡冲煮
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
YII2框架中查询生成器Query()的使用方法示例
2020/03/18 PHP
javascript面向对象编程(一) 实例代码
2010/06/25 Javascript
js cookie实现记住密码功能
2017/01/17 Javascript
基于vue2.0+vuex的日期选择组件功能实现
2017/03/13 Javascript
JS原生带小白点轮播图实例讲解
2017/07/22 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
js定时器+简单的动画效果实例
2017/11/10 Javascript
实现单层json按照key字母顺序排序的示例
2017/12/06 Javascript
浅谈Redux中间件的实践
2018/07/27 Javascript
vue 根据数组中某一项的值进行排序的方法
2018/08/30 Javascript
vue中使用百度脑图kityminder-core二次开发的实现
2019/09/26 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
javascript如何实现create方法
2019/11/04 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
Angular8 简单表单验证的实现示例
2020/06/03 Javascript
JS倒计时两种实现方式代码实例
2020/07/27 Javascript
Python yield使用方法示例
2013/12/04 Python
Python学习笔记之os模块使用总结
2014/11/03 Python
Python学习教程之常用的内置函数大全
2017/07/14 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
python自动结束mysql慢查询会话的实例代码
2019/10/27 Python
OpenCV图片漫画效果的实现示例
2020/08/18 Python
python全栈开发语法总结
2020/11/22 Python
python中实现栈的三种方法
2020/12/19 Python
html2canvas截图空白问题的解决
2020/03/24 HTML / CSS
Free People中国官网:波西米亚风格女装服饰
2016/08/30 全球购物
时尚设计师手表:The Watch Cabin
2018/10/06 全球购物
乌克兰鞋类购物网站:Eobuv.com.ua
2020/11/28 全球购物
活动总结模板
2014/05/09 职场文书
家庭贫困证明范本(经典版)
2014/09/22 职场文书
2014年置业顾问工作总结
2014/11/17 职场文书
酒桌上的祝酒词
2015/08/12 职场文书
解析redis hash应用场景和常用命令
2021/08/04 Redis