C# MVC 微信支付教程系列之扫码支付代码实例

2019-12-30 15:30:50丽君

前台,对,也是要新建一个View,代码如下(没错,也是空的)


@{
 Layout = null;
}
<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <title>Index</title>
</head>
<body>
 <div> 
 </div>
</body>
</html>

好,模式一就到这里了,呼呼。。。没想到啊,一个模式一,让我从上午写到下午,真心累。。。还有一个模式二呢。。。喝口水先,咱,接着来。

好,喝完水,接着干,下面是模式二:

模式二(生成直接支付url,支付url有效期为2小时)

由于有了上面模式一的详细说明,模式二,我就简单一点的来说了,如果又不懂的,到群里来问我吧。

模式二,前端,增加一些代码,如下(完整的,包括模式一的代码了):


@{
 Layout = null;
}
<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <title>首页</title>
 <link href="~/Scripts/jquery-easyui-1.4.5/themes/bootstrap/easyui.css" rel="stylesheet" />
 <link href="~/Scripts/jquery-easyui-1.4.5/themes/mobile.css" rel="stylesheet" />
 <link href="~/Scripts/jquery-easyui-1.4.5/themes/icon.css" rel="stylesheet" />
</head>
<body>
 <p>
  模式一:生成扫描支付模式
  <br />
  <div id="QRCode1">
  </div>
 </p>
 <p>
  模式二:生成直接支付url,支付url有效期为2小时
  <br />
  <div id="QRCode2">
  </div>
 </p>
 <script src="~/Scripts/jquery-1.10.2.js"></script>
 <script src="~/Scripts/jquery-easyui-1.4.5/jquery.easyui.min.js"></script>
 <script src="~/Scripts/jquery-easyui-1.4.5/jquery.easyui.mobile.js"></script>
 <script src="~/Scripts/jquery-easyui-1.4.5/easyloader.js"></script>
 <script src="~/Scripts/jquery.qrcode.min.js"></script>
 <script type="text/javascript">
  $(function () {
   fGetQRCode1();
  })
  function fGetQRCode1() {
   $.messager.progress({
    title: "",
    msg: "正在生成二维码:模式一,请稍后..."
   });
   $.ajax({
    type: "post",
    url: "/Home/GetQRCode1",
    data: {
     time: new Date(),
     productId:7788
    },
    success: function (json) {
     $.messager.progress('close');//记得关闭
     if (json.result) {
      $('#QRCode1').qrcode(json.str); //生成二维码
     }
     else {
      $('#QRCode1').html("二维码生成失败");
     }
     fGetQRCode2();
    },
    error: function (json) {
     $('#QRCode1').html("二维码生成失败");
     fGetQRCode2();
    }
   })
  }
  function fGetQRCode2() {
   $.messager.progress({
    title: "",
    msg: "正在生成二维码:模式二,请稍后..."
   });
   $.ajax({
    type: "post",
    url: "/Home/GetQRCode2",
    data: {
     time: new Date(),
     productId: 7788
    },
    success: function (json) {
     $.messager.progress('close');//记得关闭
     if (json.result) {
      $('#QRCode2').qrcode(json.str); //生成二维码
     }
     else {
      $('#QRCode2').html("二维码生成失败");
     }
    },
    error: function (json) {
     $('#QRCode2').html("二维码生成失败");
    }
   })
  }
 </script>
</body>
</html>