用html+jq+css代码写出post请求接口：httpssvip-apicveoytopv3grants带上下面的参数写个查询页面 keyssk-xxxxxxxxxxxx回参数 keys sk-xxxx useAmount 25 今日已使用次数 activateTime 1681191668000 首次使用时间 在这个时间上添加5天 如果大于7200分钟 则会返回Key
<!DOCTYPE html>
<html>
<head>
<title>查询页面</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<style>
body {
margin: 0;
padding: 0;
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
form {
background-color: #fff;
margin: 50px auto;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
max-width: 500px;
}
h1 {
text-align: center;
margin-top: 0;
}
label {
display: block;
margin-bottom: 10px;
font-weight: bold;
}
input[type="text"] {
width: 100%;
padding: 10px;
border-radius: 5px;
border: none;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
input[type="submit"] {
background-color: #4CAF50;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
margin-top: 20px;
}
input[type="submit"]:hover {
background-color: #3e8e41;
}
.result {
background-color: #fff;
margin: 50px auto;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
max-width: 500px;
}
.result h2 {
margin-top: 0;
}
.result p {
margin-bottom: 10px;
}
</style>
</head>
<body>
<form id="query-form">
<h1>查询页面</h1>
<label for="key-input">Key：</label>
<input type="text" id="key-input" name="keys" required>
<input type="submit" value="查询">
</form>
<pre><code><div id="result" class="result" style="display: none;">
<h2>查询结果</h2>
<p>Key： <span id="result-key"></span></p>
<p>今日已使用次数： <span id="result-useAmount"></span></p>
<p>首次使用时间： <span id="result-activateTime"></span></p>
</div>
<script>
$('#query-form').submit(function(e) {
e.preventDefault();
var key = $('#key-input').val();
$.ajax({
url: 'https://svip-api.cveoy.top/v3/grants',
type: 'POST',
data: { keys: key },
success: function(data) {
$('#result-key').text(data.keys);
$('#result-useAmount').text(data.useAmount);
$('#result-activateTime').text(new Date(data.activateTime).toLocaleString());
$('#query-form').hide();
$('#result').show();
},
error: function(xhr, status, error) {
alert('查询失败：' + error);
}
});
});
</script>
</code></pre>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/bKgK 著作权归作者所有。请勿转载和采集!