教程

观前提示

该方案不一定是最佳解决方案,所以写的不好请不要喷。

所需材料

  1. 我搭建的 Easy API:https://api.imlazy.ink
  2. jQuery
  3. 一个html文件
  4. 一双手和一个脑子

第一步

使用Notepad++或者其他编辑器软件打开你的html文件
img

第二步

打开Easy API官网,找到下面的Json格式,根据自己的服务器填写,然后获取,然后复制url
img
img

第三步

  1. </body>前面引入 jQuery ,如果原本的网页已经有了就不用了。这里我直接用 BootCDN
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
  1. 然后复制下面这段到你的 html 里面
<script>
$.ajax({
    url: 'https://api.imlazy.ink/mcapi/json.php?host=你的服务器地址&port=你的服务器端口',
    type: 'get',
    dataType: 'jsonp',  
    jsonp : 'callback',
     jsonpCallback: 'handleResponse',
     crossDomain: true,
     success: function(response, status){
                    console.log('请求生存服数据:' + status);
                    console.log(response);
                    $('#scplayer').replaceWith(response.players_online + ' 人');//在线玩家
                    $('#scstatus').replaceWith('当前' + response.status);//服务器开启或关闭状态
                },
    data: {},
});
</script>
  1. 然后你就可以在你想插入的地方插入下面这段 html ,然后保存
<div>当前服务器<span id="scstatus">检测中</span> <span id="scplayer"></span></div>

第四步

打开你的 html ,发现是不是可以获取服务器状态了呢
img

温馨提示

js 里面的$('#scplayer')对应的是下边 html 的<span>标签里边的id="scplayer",可以自行更改。

Pay by WeChat

Pay by WeChat

Comment

This is just a placeholder img.