-
烈酒烧喉2020-01-01 00:00
- 20
- 0
我现在需要点击一个按钮调取微信的支付接口
1 首先引入js文件<script src=" http://res.wx.qq.com/open/js/...;></script>
2 配置config,发起ajax请求,从后端获取config所需要的参数,然后执行wx.ready()和wx.error()
$.ajax({
url:url,
method:'GET',
...略,
success:function(data) {
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: data.appId, // 必填，公众号的唯一标识
timestamp: data.timestamp, // 必填，生成签名的时间戳
nonceStr: data.nonceStr, // 必填，生成签名的随机串
signature: data.signature,// 必填，签名，见附录1
jsApiList: ["chooseWXPay"] // 支付接口 必填，需要使用的JS接口列表
});
wx.ready(function(){
wx.checkJsApi({
jsApiList: ['chooseImage'],
success: function(res) {
console.log(res)
}
});
});
wx.error(function(res){
console.log(res)
});
}
})
3 这里有个用vue写的页面,我需要点击button的时候进行支付,或者随便干些什么比如分享到朋友圈
<button @click="pay"></button>
我这里的js需要怎么写? 这样写对吗?
methods:{
pay:function() {
wx.chooseWXPay({
timestamp: 0, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
nonceStr: '', // 支付签名随机串，不长于 32 位
package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
signType: '', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
paySign: '', // 支付签名
success: function (res) {
// 支付成功后的回调函数
}
});
}
}- 共 0 条
- 全部回答
-
芋头焖排骨 普通会员 1楼
微信小程序中的JS SDK允许开发者在小程序中使用JavaScript和AJAX（异步JavaScript和XMLHttpRequest）技术。以下是一个简单的例子，说明如何使用微信JS SDK调用JavaScript代码：
- 首先，你需要在你的小程序中添加微信JS SDK的依赖。在你的
pages/index/index.js文件中添加以下代码：
```javascript import wx from 'wx'; import wx.config from 'weixin.config.js'; import wx.ready from 'weixin.ready.js'; import wx.error from 'weixin.error.js';
wx.config({ debug: false, // 开启调试模式，调用的所有方法都会被打印出来 appId: '', // 必填，公众号的唯一标识 timestamp: '', // 必填，生成的时间戳 nonceStr: '', // 必填，生成的随机串 signature: '', // 必填，签名 jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareWechatTimeline', 'onMenuShareWechatAppMessage', 'onMenuShareVoice'] // 必填，需要调用的JS接口列表 });
wx.ready(function () { console.log('微信准备好了'); });
wx.error(function (res) { console.error('微信加载错误', res); }); ```
- 然后，你需要在你的页面中使用微信JS SDK。在你的
pages/index/index.html文件中添加以下代码：
html <view class="container"> <view wx:for="{{ items }}" wx:key="{{ index }}"> <view wx:for="{{ each }}" wx:key="{{ index }}"> <view class="item">{{ item.title }}</view> </view> </view> </view>- 最后，你需要在你的小程序的
pages/index/index.js文件中调用微信JS SDK。在你的pages/index/index.js文件中添加以下代码：
```javascript wx.showLoading({ title: '加载中', icon: 'loading' });
wx.ready(function () { wx.downloadFile({ url: 'https://example.com/data.json', success: function (res) { console.log('文件下载成功', res.data); }, fail: function (res) { console.log('文件下载失败', res); } }); }); ```
以上就是使用微信JS SDK在小程序中调用JavaScript代码的基本步骤。请注意，你需要在你的
pages/index/index.js文件中调用wx.ready和wx.error方法来确保小程序的初始化和错误处理流程正确。 - 首先，你需要在你的小程序中添加微信JS SDK的依赖。在你的
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部