2019-12-31
2019-12-31 本文已影响0人
进入web前端
·微信支付
// 微信支付（唤起）
if (typeof WeixinJSBridge == "undefined"){
var wxMap = res.data;//从后台获取到的参数（包括时间戳、微信签名等）
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', this.onBridgeReadyHandle(wxMap), false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', this.onBridgeReadyHandle(wxMap));
document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReadyHandle(wxMap));
}
} else {
this.onBridgeReadyHandle(wxMap);
}
// 微信浏览器
onBridgeReadyHandle(data){
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId":data.appid, //公众号名称，由商户传入
"timeStamp":data.timeStamp, //时间戳，自1970年以来的秒数
"nonceStr":data.nonce_str, //随机串
// "package":'prepay_id=' + data.package,
"package": data.package,
"signType":'MD5', //微信签名方式：
"paySign":data.sign, //微信签名
},
function(res){
if(res.err_msg == "get_brand_wcpay_request:ok" ){
// 支付成功的回调
}else{
// 支付失败的回调
}
}
);
}
·微信分享
//wechat
//初始化
var url=location.href;
//alert(url);
url = encodeURIComponent(url);
//alert(url);
var path=location.href.split('/oss')[0];
//alert(path);
$.ajax({
url : "/oss/share/getWxConfig",
type : "get",
//将编码的url作为参数传到接口里
data : {"url":url},
dataType: "json",
success : function(data){
console.log(data);
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，
//若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: data.data.result.appId,
timestamp: data.data.result.timestamp,
nonceStr: data.data.result.nonceStr,
signature: data.data.result.signature,
jsApiList: [//需要调用的JS接口列表
'checkJsApi',//判断当前客户端版本是否支持指定JS接口
'onMenuShareTimeline',//分享给好友
'onMenuShareAppMessage',//分享到朋友圈
'onMenuShareQQ',//分享到QQ
'onMenuShareWeibo',//分享到微博
'onMenuShareQZone'//分享到QQ空间
] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
},
error:function(data){
//alert("data");
}
});
//分享写在ready里
wx.ready(function () {
wx.checkJsApi({
jsApiList: [
'checkJsApi',//判断当前客户端版本是否支持指定JS接口
'onMenuShareTimeline',//分享给好友
'onMenuShareAppMessage',//分享到朋友圈
'onMenuShareQQ',//分享到QQ
'onMenuShareWeibo',//分享到微博
'onMenuShareQZone'//分享到QQ空间
]
});
//分享朋友圈
wx.onMenuShareTimeline({
title: '那啥APP送红包啦！',
desc: '用那啥，轻轻松松找翻译~', // 分享描述
link: base, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: path+'/oss/resources/images/share_logo.png',// 自定义图标
trigger: function (res) {
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，
//因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回.
//alert('click shared');
},
success: function (res) {
//alert('shared success');
//some thing you should do
$('.mask').hide();
},
cancel: function (res) {
//alert('shared cancle');
$('.mask').hide();
},
fail: function (res) {
//alert(JSON.stringify(res));
$('.mask').hide();
}
});
//分享给好友
wx.onMenuShareAppMessage({
title: '那啥app派红包啦！',
desc: '用那啥，轻轻松松找翻译~', // 分享描述
link: base, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: path+'/oss/resources/images/share_logo.png', // 自定义图标
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
//alert('shared success');
$('.mask').hide();
},
cancel: function () {
// 用户取消分享后执行的回调函数
//alert('shared cancle');
$('.mask').hide();
},
fail: function (res) {
//alert(JSON.stringify(res));
$('.mask').hide();
}
});
//分享到QQ
wx.onMenuShareQQ({
title: '那啥APP送红包啦！',
desc: '用那啥，轻轻松松找翻译~', // 分享描述
link: base, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: path+'/oss/resources/images/share_logo.png', // 自定义图标
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
//alert('shared success');
$('.mask').hide();
},
cancel: function () {
// 用户取消分享后执行的回调函数
//alert('shared cancle');
$('.mask').hide();
},
fail: function (res) {
//alert(JSON.stringify(res));
$('.mask').hide();
}
});
//分享到腾讯微博
wx.onMenuShareWeibo({
title: '那啥APP送红包啦！',
desc: '用那啥，轻轻松松找翻译~', // 分享描述
link: base, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: path+'/oss/resources/images/share_logo.png', // 自定义图标
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
//alert('shared success');
$('.mask').hide();
},
cancel: function () {
// 用户取消分享后执行的回调函数
//alert('shared cancle');
$('.mask').hide();
},
fail: function (res) {
//alert(JSON.stringify(res));
$('.mask').hide();
}
});
//分享到QQ空间
wx.onMenuShareQZone({
title: '那啥APP送红包啦！',
desc: '用那啥，轻轻松松找翻译~', // 分享描述
link: base, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: path+'/oss/resources/images/share_logo.png', // 自定义图标
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
//alert('shared success');
$('.mask').hide();
},
cancel: function () {
// 用户取消分享后执行的回调函数
//alert('shared cancle');
$('.mask').hide();
},
fail: function (res) {
//alert(JSON.stringify(res));
$('.mask').hide();
}
});
});
wx.error(function (res) {
alert(res.errMsg);
});
·获取地址栏参数
function GetQueryString(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
·倒计时
function countDown(){
// 60秒倒计时
var i = 59;
var timer = setInterval(function(){
if(i < 0){
clearInterval(timer);
$(".code").text("获取验证码").bind("click",getMsgCode);
}else{
$(".code").text(i+"s");
i--;
}
},1000);
}
·验证手机号函数
function regExpTel(){
var phoneCall = $('#phoneCall').val();
var telTest = /^1[3|4|5|7|8|9][0-9]\d{8}$/;
if(!phoneCall.replace(/^\s*/,"")){
tip("手机号码不能为空")
telState = 0;
return;
}
if(!telTest.test(phoneCall)){
tip("请输入正确的手机号码");
telState = 0;
return;
}else{
telState = 1;
}
}
