cert

public/testapi/testapi.html

 <div class="container">
     <h2>Test</h2>
     <form>
-        <button>Send</button>
+        <button class="info">Send Info</button>
+        <button class="game">Send Game</button>
     </form>
     <hr>
     <div class="output"></div>
 
 <script>
     $(document).ready(function () {
-        $("button").click(function (e) {
+        $(".info").click(function (e) {
             e.preventDefault();
 
             $.blockUI({
                 $.unblockUI();
             });
         });
+
+        $(".game").click(function (e) {
+            e.preventDefault();
+
+            $.blockUI({
+                message: $('.spinner-border'),
+                css: {
+                    backgroundColor: 'transparent',
+                    border: '0'
+                },
+            });
+
+            $.ajax({
+                type: "post",
+                url: 'https://declare.taiwanpay.com.tw/api2021/game/Ud23d992163d295a1a08865fc10969598',
+                data: {
+                    "name": "Jojo"
+                },
+                dataType: "json",
+                contentType: "application/json;charset=utf-8"
+            }).done(function (result) {
+                console.log(result)
+
+            }).fail(function (jqXHR, textStatus) {
+                console.log(jqXHR);
+                console.log(textStatus);
+            }).always(function () {
+                $.unblockUI();
+            });
+        });
     });
 </script>
 </body>