|  | @@ -0,0 +1,90 @@
 | 
	
		
			
			|  | 1 | +<!DOCTYPE html>
 | 
	
		
			
			|  | 2 | +<html lang="en">
 | 
	
		
			
			|  | 3 | +
 | 
	
		
			
			|  | 4 | +<head>
 | 
	
		
			
			|  | 5 | +    <title>Test</title>
 | 
	
		
			
			|  | 6 | +    <meta charset="utf-8">
 | 
	
		
			
			|  | 7 | +    <meta name="viewport" content="width=device-width, initial-scale=1">
 | 
	
		
			
			|  | 8 | +    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
 | 
	
		
			
			|  | 9 | +    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 | 
	
		
			
			|  | 10 | +    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
 | 
	
		
			
			|  | 11 | +    <script src="https://malsup.github.io/jquery.blockUI.js"></script>
 | 
	
		
			
			|  | 12 | +</head>
 | 
	
		
			
			|  | 13 | +
 | 
	
		
			
			|  | 14 | +<body>
 | 
	
		
			
			|  | 15 | +<div class="container">
 | 
	
		
			
			|  | 16 | +    <h2>Test</h2>
 | 
	
		
			
			|  | 17 | +    <form>
 | 
	
		
			
			|  | 18 | +        <button class="info">Send Info</button>
 | 
	
		
			
			|  | 19 | +        <button class="game">Send Game</button>
 | 
	
		
			
			|  | 20 | +    </form>
 | 
	
		
			
			|  | 21 | +    <hr>
 | 
	
		
			
			|  | 22 | +    <div class="output"></div>
 | 
	
		
			
			|  | 23 | +</div>
 | 
	
		
			
			|  | 24 | +<div class="spinner-border" role="status" style="display: none">
 | 
	
		
			
			|  | 25 | +    <span class="sr-only">Loading...</span>
 | 
	
		
			
			|  | 26 | +</div>
 | 
	
		
			
			|  | 27 | +
 | 
	
		
			
			|  | 28 | +<script>
 | 
	
		
			
			|  | 29 | +    $(document).ready(function () {
 | 
	
		
			
			|  | 30 | +        $(".info").click(function (e) {
 | 
	
		
			
			|  | 31 | +            e.preventDefault();
 | 
	
		
			
			|  | 32 | +
 | 
	
		
			
			|  | 33 | +            $.blockUI({
 | 
	
		
			
			|  | 34 | +                message: $('.spinner-border'),
 | 
	
		
			
			|  | 35 | +                css: {
 | 
	
		
			
			|  | 36 | +                    backgroundColor: 'transparent',
 | 
	
		
			
			|  | 37 | +                    border: '0'
 | 
	
		
			
			|  | 38 | +                },
 | 
	
		
			
			|  | 39 | +            });
 | 
	
		
			
			|  | 40 | +
 | 
	
		
			
			|  | 41 | +            $.ajax({
 | 
	
		
			
			|  | 42 | +                type: "get",
 | 
	
		
			
			|  | 43 | +                url: 'https://declare.taiwanpay.com.tw/api2021/info/Ud23d992163d295a1a08865fc10969598',
 | 
	
		
			
			|  | 44 | +                dataType: "json",
 | 
	
		
			
			|  | 45 | +                contentType: "application/json;charset=utf-8"
 | 
	
		
			
			|  | 46 | +            }).done(function (result) {
 | 
	
		
			
			|  | 47 | +                console.log(result)
 | 
	
		
			
			|  | 48 | +
 | 
	
		
			
			|  | 49 | +            }).fail(function (jqXHR, textStatus) {
 | 
	
		
			
			|  | 50 | +                console.log(jqXHR);
 | 
	
		
			
			|  | 51 | +                console.log(textStatus);
 | 
	
		
			
			|  | 52 | +            }).always(function () {
 | 
	
		
			
			|  | 53 | +                $.unblockUI();
 | 
	
		
			
			|  | 54 | +            });
 | 
	
		
			
			|  | 55 | +        });
 | 
	
		
			
			|  | 56 | +
 | 
	
		
			
			|  | 57 | +        $(".game").click(function (e) {
 | 
	
		
			
			|  | 58 | +            e.preventDefault();
 | 
	
		
			
			|  | 59 | +
 | 
	
		
			
			|  | 60 | +            $.blockUI({
 | 
	
		
			
			|  | 61 | +                message: $('.spinner-border'),
 | 
	
		
			
			|  | 62 | +                css: {
 | 
	
		
			
			|  | 63 | +                    backgroundColor: 'transparent',
 | 
	
		
			
			|  | 64 | +                    border: '0'
 | 
	
		
			
			|  | 65 | +                },
 | 
	
		
			
			|  | 66 | +            });
 | 
	
		
			
			|  | 67 | +
 | 
	
		
			
			|  | 68 | +            $.ajax({
 | 
	
		
			
			|  | 69 | +                type: "post",
 | 
	
		
			
			|  | 70 | +                url: 'https://declare.taiwanpay.com.tw/api2021/game/Ud23d992163d295a1a08865fc10969598',
 | 
	
		
			
			|  | 71 | +                data: {
 | 
	
		
			
			|  | 72 | +                    "name": "Jojo"
 | 
	
		
			
			|  | 73 | +                },
 | 
	
		
			
			|  | 74 | +                dataType: "json",
 | 
	
		
			
			|  | 75 | +                contentType: "application/json;charset=utf-8"
 | 
	
		
			
			|  | 76 | +            }).done(function (result) {
 | 
	
		
			
			|  | 77 | +                console.log(result)
 | 
	
		
			
			|  | 78 | +
 | 
	
		
			
			|  | 79 | +            }).fail(function (jqXHR, textStatus) {
 | 
	
		
			
			|  | 80 | +                console.log(jqXHR);
 | 
	
		
			
			|  | 81 | +                console.log(textStatus);
 | 
	
		
			
			|  | 82 | +            }).always(function () {
 | 
	
		
			
			|  | 83 | +                $.unblockUI();
 | 
	
		
			
			|  | 84 | +            });
 | 
	
		
			
			|  | 85 | +        });
 | 
	
		
			
			|  | 86 | +    });
 | 
	
		
			
			|  | 87 | +</script>
 | 
	
		
			
			|  | 88 | +</body>
 | 
	
		
			
			|  | 89 | +
 | 
	
		
			
			|  | 90 | +</html>
 |