导航

微信扫码支付利用ajax轮询实现页面跳转

发布时间:2020-03-11 21:28:22 来源:「九州科技」值得信赖的互联网服务商

用户扫描商户展示在各种场景的二维码进行支付。

步骤1:商户根据微信支付的规则,为不同商品生成不同的二维码(如图6.1),展示在各种场景,用于用户扫描购买。

步骤2:用户使用微信“扫一扫”(如图6.2)扫描二维码后,获取商品支付信息,引导用户完成支付(如图6.3)。

支付二维码

图6.1 支付二维码

打开微信扫一扫二维码

图6.2 打开微信扫一扫二维码

确认支付页面

图6.3 确认支付页面

步骤3:用户确认支付,输入支付密码(如图6.4)。

步骤4:支付完成后会提示用户支付成功(如图6.5),商户后台得到支付成功的通知,然后进行发货处理。

用户确认支付,输入密码

图6.4 用户确认支付,输入密码

支付成功提示

图6.5 支付成功提示



<script>

var t1;
var sum=0;
$(document).ready(function () {
    t1=setInterval("ajaxstatus()", 3000);
});         
function ajaxstatus() {
        sum++;
        if(sum>600){ window.clearInterval(t1);return false;}
        if(sum>180){
            m=sum % 10;
            if(m!=0){return false;}
        }
if ($("#out_trade_no").val() != 0) { 
$.ajax({ 
 url: "http://orderquery.asp",
 type: "GET", 
 dataType:"json", 
 data: { out_trade_no:$("#out_trade_no").val() }, 
 beforeSend: function () {


            },
 success: function (data) { 
 if (data==1) { 


 window.location.href = "http://"; //页面跳转 
 } 
 }, 
 error: function(XMLHttpRequest, textStatus, errorThrown) { 
 alert("请求订单状态出错");
 } 
 });
 } 
 }

</script> 



根据应用场景选择实现模式

Native支付可分为两种模式,商户根据支付场景选择相应模式。

【模式一】:商户后台系统根据微信支付规则链接生成二维码,链接中带固定参数productid(可定义为产品标识或订单号)。用户扫码后,微信支付系统将productid和用户唯一标识(openid)回调商户后台系统(需要设置支付回调URL),商户后台系统根据productid生成支付交易,最后微信支付系统发起用户支付流程。

商户支付回调URL设置指引:进入商户平台-->产品中心-->开发配置,进行配置和修改,如图6.6所示。

Native支付参数设置栏目入口

图6.6 Native支付回调URL设置
设置完成后,详细接入步骤:模式一

【模式二】:商户后台系统调用微信支付【统一下单API】生成预付交易,将接口返回的链接生成二维码,用户扫码后输入密码完成支付交易。注意:该模式的预付单有效期为2小时,过期后无法支付。详细接入步骤:模式二


最新资讯
相关推荐
服务项目
微信客服
180-7107-7883
地址:湖北省武汉市解放大道航天双城6栋25层
E-mail:125435440@QQ.com
备案号:鄂ICP备13002765号-6    鄂公网安备 42010202000700号    网站地图
九州科技,您身边的互联网应用方案提供商-高端网站建设-网站制作-网站开发-网页设计-微信开发-小程序开发
高端网站建设 公众号开发 小程序制作 网站seo优化 H5活动营销 互联网产品

18071077883

提交需求