微信JSAPI支付是一个流程复杂的过程，涉及到多个步骤和接口调用。下面是详细的描述：
一、获取code及openid
1. 前台页面首先判断code是否存在，不存在则构造网页授权获取code的URL。
```javascriptmui.ready(function () {
// ...
if (!wx.getStorageSync('code')) {
var redirect_uri = encodeURIComponent(location.href);
wx.redirectTo({
url: ' + APPID + '&redirect_uri=' + redirect_uri + '&response_type=code&scope=snsapi_userinfowechat_redirect'
});
}
});
```
这里我们使用微信的 `wx.getStorageSync` 方法来检查是否已经获取过code，如果没有，则跳转到网页授权获取code的URL。
2. 用户同意授权后，微信会将code传递给前台页面。
```javascriptwx.onReady(function () {
// ...
var code = wx.getStorageSync('code');
if (code) {
// ...
}
});
```
这里我们使用微信的 `wx.onReady` 方法来监听code的变化，如果有code，则继续下一步。
二、获取openid和access_token
1. 使用code换取openid和access_token。
```javascriptvar code = wx.getStorageSync('code');
if (code) {
var url = ' + APPID + '&secret=SECRET&code=' + code + '&grant_type=authorization_code';
wx.request({
url: url,
method: 'GET',
success: function (res) {
// ...
}
});
}
```
这里我们使用微信的 `wx.request` 方法来发送请求，获取openid和access_token。
2. 解析响应数据，获取openid和access_token。
```javascriptvar data = res.data;
var openid = data.openid;
var access_token = data.access_token;
// ...
```
这里我们解析响应数据，获取openid和access_token。
三、微信JSAPI支付
1. 使用openid和access_token进行微信JSAPI支付。
```javascriptvar openid = wx.getStorageSync('openid');
var access_token = wx.getStorageSync('access_token');
if (openid && access_token) {
var url = ' + APPID + '&mch_id=MCH_ID&nonce_str=NONCE_STR&sign=SIGN&body=BODY&total_fee=TOTAL_FEE&trade_type=JSAPI&openid=' + openid;
wx.request({
url: url,
method: 'POST',
data: {
// ...
},
success: function (res) {
// ...
}
});
}
```
这里我们使用微信的 `wx.request` 方法来发送请求，进行微信JSAPI支付。
2. 解析响应数据，获取支付结果。
```javascriptvar data = res.data;
var result_code = data.result_code;
if (result_code === 'SUCCESS') {
// ...
} else {
// ...
}
```
这里我们解析响应数据，获取支付结果。
以上就是微信JSAPI支付的详细描述。
