王者荣耀战力查询源码-彩豆博客

今天打@shanhe.kim那里扒下来的，有需要的自取就行

<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>王者战力查询</title>
  <link href="//lib.baomitu.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
  <script src="https://www.layuicdn.com/layui/layui.js"></script>
  <script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <script src="//cdn.bootcss.com/layer/2.3/layer.js"></script>
  <script src="//lib.baomitu.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<!--王者战力查询-->
<!--请求接口-->
<script>
$(document).ready(function(){
  $("button").click(function(){
      layer.load();
  var name = $("#name").val();
  var type = $(':radio[name=type]:checked').val();
  var types = $(':radio[name=types]:checked').val();
    $.post("https://shanhe.kim/wangzhe/api.php",
    {
      name:name,
      type:type,
      types:types
    },
    function(data,status){
    var obj = JSON.parse(data);    
    if (obj.code == 200) {
        layer.closeAll();
        layer.msg('查询成功', {icon: 6,time: 2000,shade: 0.3});
    $("#type").html('<span id="type">'+obj.data.platform+'</span>');
    $("#time").html('<span id="time">'+obj.data.updatetime+'</span>');
    $("#city1").html('<span id="city1">'+obj.data.area+'</span>');
    $("#city2").html('<span id="city2">'+obj.data.city+'</span>');
    $("#city3").html('<span id="city3">'+obj.data.province+'</span>');
    $("#city1Power").html('<span id="city1Power">'+obj.data.areaPower+'</span>');
    $("#city2Power").html('<span id="city2Power">'+obj.data.cityPower+'</span>');
    $("#city3Power").html('<span id="city3Power">'+obj.data.provincePower+'</span>');
    $("#counPower").html('<span id="city3Power">'+obj.data.guobiao+'</span>');
    $("#success").show();
            } else {
        layer.closeAll();
        layer.msg('查询失败', {icon: 5,time: 2000,shade: 0.3});

         }
    
    });
  });
});
</script>
<!--请求结束-->
<body>
  <div class="container" style="padding-top:70px;">
    <div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 center-block" style="float: none;">
      <div class="panel panel-primary">
        <div class="panel-heading"><h3 class="panel-title">王者战力查询</h3></div>
        <div class="panel-body">
            <div class="input-group">
              <span class="input-group-addon"><span class="glyphicon glyphicon-cloud"></span></span>
              <input type="text" name="name" id="name" class="form-control" placeholder="英雄名" required>
              </div><br/>
              <div class="input-group">
              <span class="input-group-addon">
              <label class="radio-inline">
                  <input type="radio" value="a" name="type">安卓区</label>
              <label class="radio-inline">
                  <input type="radio" value="i" name="type">苹果区</label>
                  </span>
              </div><br/>
              <div class="input-group">
              <span class="input-group-addon">
              <label class="radio-inline">
                  <input type="radio" value="qq" name="types">QQ区</label>
              <label class="radio-inline">
                  <input type="radio" value="wx" name="types">微信区</label>
                  </span>
              </div><br/>
            <div class="form-group">
              <div class="col-xs-12">
                <button type="button" name="button" class="btn btn-primary form-control">查询</button>
               </div>
            </div>
        </div>
      </div>
      <div id="success" class="panel panel-success" hidden>
        <div class="panel-heading"><h3 class="panel-title">查询成功（<span id="type"></span>）</h3></div>
              <div class="panel-body">
    最新更新时间：<span id="time"></span>
  </div>
  <table class="table">
    <th>地区</th><th>战力 </th>
    <tr><td><span id="city1"></span></td><td><span id="city1Power"></span></td></tr>
    <tr><td><span id="city2"></span></td><td><span id="city2Power"></span></td></tr>
    <tr><td><span id="city3"></span></td><td><span id="city3Power"></span></td></tr>
    <tr><td><span id="country">国服</span></td><td><span id="counPower"></span></td></tr>
  </table>
  <div class="panel-body">©2020-2023 Company<span>   SakuraVin</span>
  </div>
        </div>
      </div>
</body>
</html>

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

版权声明 1 本网站名称：彩豆博客
2 本站永久网址：https://www.521cd.cn
3本站代码模板仅供学习交流使用请勿商业运营,严禁使用彩豆博客上的模板&源码从事违法,侵权等任何非法活动！
4 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ931106824进行删除处理。
5 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
6 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
7 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END