微信支付 前端应该怎么处理

Question

问题：要实现一个点击按钮跳转到微信支付界面，支付成功提示。前端要怎么实现功能？

Answer 1

调微信支付接口
https://pay.weixin.qq.com/ind...

Answer 2

通过接口查询是否支付成功，然后前端跳转到相应的成功或者失败页面

Answer 3

引入 weixinjs 文件，配置wxconfig 调用微信支付jsapi ，根据支付结果 进行 相应的提示或者跳页

Answer 4

WeixinJSBridge.invoke( 'getBrandWCPayRequest', {

         "appId" : appid,
         "timeStamp"  : time,
         "nonceStr" : nonce_str,
         "package"  : "prepay_id="+ data.data.prepay_id,
         "signType" : "MD5",
         "paySign" : sign
    }, function(res){
                    if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                        alert('支付成功');
                        //支付成功后跳转的页面
                    }else if(res.err_msg == "get_brand_wcpay_request:cancel"){
                        alert('支付取消');
                    }else if(res.err_msg == "get_brand_wcpay_request:fail"){
                        alert('支付失败');
                        WeixinJSBridge.call('closeWindow');
                    } //使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                })
    });

Answer 5

微信支付不都是弹出二维码吗？弹出二维码之后就用js做轮询，去查订单状态。一直轮询查呀查呀，这时候用户拿起手机，打开微信，点击右上角的加号，选择扫一扫...好，总之就是用户扫码支付啦，支付完成之后，微信收到钱以后会对你进行回调，你收到回调之后就会改变订单状态。当你的订单状态一旦改变。你之前的轮询就会终于查到订单变成已支付了，然后你判断已支付的之后就去做页面跳转 支付成功的小对勾就弹出来...岂不是美滋滋！！

Answer 6

微信内支付：
1.点击按钮查询是否已经支付
2.进去支付页，后端生成预支付id，加载微信的js，调起支付api支付
3.判断返回是否支付成功，弹出前往首页或者订单页

手机浏览器支付：
1.点击按钮查询是否已经支付
2.后端返回支付id，调起微信客户端
3.判断支付是否成功，弹出跳转提示

app支付：
1.查询是否已经支付
2.后端返回支付id，调起微信客户端
3.判断支付是否成功，弹出跳转提示

pc浏览器支付
1.查询是否已经支付
2.后端返回支付参数，选择生成2种二维码中的一种并展示
3.弹出支付跳转提示，并轮询支付结果