cash-coupon-618.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>soodo上朵</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="css/main.css" />
  12. <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
  13. <script>
  14. //屏蔽分享
  15. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  16. // 通过下面这个API隐藏右上角按钮
  17. WeixinJSBridge.call('hideOptionMenu');
  18. });
  19. </script>
  20. </head>
  21. <body>
  22. <div class="mui-content">
  23. <div class="mui-content-padded">
  24. <img width="100%" src="images/quan-2.jpg" />
  25. </div>
  26. <br />
  27. <div class="mui-text-center">
  28. <button type="button" class="mui-btn" id="my-btn" style="background-color: #F1436C;color: #fff;border: 0;border-radius: 0;padding: 8px 40px;">立即领取</button>
  29. </div>
  30. </div>
  31. <!-- 加载ing begin-->
  32. <div class="loading covers">
  33. <div class="loading-bj"></div>
  34. <p>正在加载...</p>
  35. </div>
  36. <!-- 加载ing end -->
  37. <script type="text/javascript" src="js/mui.min.js"></script>
  38. <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  39. <script type="text/javascript" src="js/main.js"></script>
  40. <script type="text/javascript">
  41. window.addEventListener('pageshow', function(e) {
  42. // 通过persisted属性判断是否存在 BF Cache
  43. if(e.persisted) {
  44. location.reload();
  45. }
  46. });
  47. mui.ready(function(){
  48. $(".loading").hide();//隐藏(正在加载...)
  49. });
  50. $(document).on('tap', '#my-btn', function() {
  51. $.ajax(base_path + '/wechat/activity/receive_coupon?dates=' + new Date().getTime(), {
  52. data: {},// ajax参数 没有则不写
  53. dataType: 'json',
  54. xhrFields: {
  55. withCredentials: true
  56. },
  57. crossDomain: true,
  58. type: 'get',
  59. timeout: 15000,
  60. success: function(dt) {
  61. if(dt.isRedirect) {//先判断isRedirect,然后跳转redirectURL
  62. location.href = dt.redirectURL;
  63. } else {
  64. if(dt.status){
  65. mui.alert(dt.message,'提示','马上使用',function(){
  66. location.href='pro-list.html'
  67. });
  68. }else{
  69. mui.alert(dt.message);
  70. }
  71. }
  72. },
  73. error: function(xhr, type, errorThrown) {
  74. console.log(xhr);
  75. mui.alert("领取失败!网络错误");
  76. }
  77. });
  78. });
  79. </script>
  80. </body>
  81. </html>