pay.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>pay</title>
  6. </head>
  7. <body>
  8. <div class="loading"></div>
  9. <div style="opacity: 0;">
  10. <FORM method="post" id="ePayment" name="ePayment" action="https://payment.ipay88.com.my/epayment/entry.asp">
  11. <INPUT type="hidden" id="MerchantCode" name="MerchantCode" value="">
  12. <INPUT type="hidden" id="PaymentId" name="PaymentId" value="">
  13. <INPUT type="hidden" id="RefNo" name="RefNo" value="">
  14. <INPUT type="hidden" id="Amount" name="Amount" value="">
  15. <INPUT type="hidden" id="Currency" name="Currency" value="">
  16. <INPUT type="hidden" id="ProdDesc" name="ProdDesc" value="">
  17. <INPUT type="hidden" id="UserName" name="UserName" value="">
  18. <INPUT type="hidden" id="UserEmail" name="UserEmail" value="">
  19. <INPUT type="hidden" id="UserContact" name="UserContact" value="">
  20. <INPUT type="hidden" id="Remark" name="Remark" value="">
  21. <INPUT type="hidden" id="Lang" name="Lang" value="">
  22. <INPUT type="hidden" id="SignatureType" name="SignatureType" value="SHA256">
  23. <INPUT type="hidden" id="Signature" name="Signature" value="">
  24. <INPUT type="hidden" id="ResponseURL" name="ResponseURL" value="">
  25. <INPUT type="hidden" id="BackendURL" name="BackendURL" value="">
  26. <span style="display: inline-block; margin: 0 auto;">因汇率波动,实际支付金额可能会有浮动</span><br /><br />
  27. <INPUT type="submit" value="Proceed with Payment" name="Submit">
  28. </FORM>
  29. </div>
  30. </body>
  31. <script type="text/javascript" src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  32. <script>
  33. function getQueryString(name,url) {
  34. let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  35. let r = url.substr(1).match(reg);
  36. if (r != null) {
  37. return unescape(r[2]);
  38. }
  39. return null;
  40. }
  41. let RefNo = getQueryString('RefNo', window.location.search);
  42. $(function(){
  43. // test
  44. // let url = 'http://16.163.228.151:8013/v1/shop/i-pay88';
  45. // prod
  46. let url = 'https://fapi.ekhkad.com/v1/shop/i-pay88';
  47. $.post(url, {'RefNo': RefNo}, function(res) {
  48. $("#Amount").val( res.paymentFields.Amount);
  49. $("#BackendURL").val( res.paymentFields.BackendURL);
  50. $("#Currency").val( res.paymentFields.Currency);
  51. $("#Lang").val( res.paymentFields.Lang);
  52. $("#MerchantCode").val( res.paymentFields.MerchantCode);
  53. $("#PaymentId").val( res.paymentFields.PaymentId);
  54. $("#ProdDesc").val( res.paymentFields.ProdDesc);
  55. $("#RefNo").val( res.paymentFields.RefNo);
  56. $("#ResponseURL").val( res.paymentFields.ResponseURL);
  57. $("#Signature").val( res.paymentFields.Signature);
  58. $("#UserContact").val( res.paymentFields.UserContact);
  59. $("#UserEmail").val( res.paymentFields.UserEmail);
  60. $("#UserName").val( res.paymentFields.UserName);
  61. var form = document.getElementById("ePayment");
  62. form.submit();
  63. })
  64. });
  65. </script>
  66. <style>
  67. html{
  68. width: 100%;
  69. height: 100%;
  70. overflow: hidden;
  71. }
  72. body{
  73. width: 100%;
  74. height: 100%;
  75. overflow: hidden;
  76. }
  77. .payment {
  78. width: 100%;
  79. height: 100%;
  80. }
  81. .loading {
  82. position: relative;
  83. width: 100%;
  84. height: 100%;
  85. }
  86. .loading::before {
  87. content: '';
  88. position: absolute;
  89. top: 50%;
  90. left: 50%;
  91. transform: translate(-50%, -50%);
  92. width: 50px;
  93. height: 50px;
  94. border-radius: 50%;
  95. border: 3px solid rgba(0, 0, 0, .2);
  96. border-top-color: #000;
  97. animation: rotate 1s infinite linear;
  98. }
  99. @keyframes rotate {
  100. to {
  101. transform: translate(-50%, -50%) rotate(360deg);
  102. }
  103. }
  104. </style>
  105. </html>