js教程

王者荣誉英雄战力在线查询API接口和JS查询方法

我的站长站 2024-07-03 人阅读

API接口

主用:https://www.sapi.run/hero/select.php 

备用:https://api.xxoo.team/hero/getHeroInfo.php 

参数: hero:英雄名字 type:aqq、awx、iqq、iwx

示例:

https://www.sapi.run/hero/select.php?hero=孙悟空&type=aqq

https://api.xxoo.team/hero/getHeroInfo.php?hero=孙悟空&type=aqq

返回结果:

{
    "code": 200,
    "data": {
        "uid": "167",
        "name": "孙悟空",
        "alias": "齐天大圣-孙悟空",
        "platform": "安卓-扣扣区",
        "photo": "https://game.gtimg.cn/images/yxzj/img201606/heroimg/167/167.jpg",
        "area": "牧野区",
        "areaPower": "3846",
        "city": "潮州市",
        "cityPower": "5227",
        "province": "澳门",
        "provincePower": "6792",
        "guobiao": "9944",
        "stamp": "1683497755",
        "updatetime": "2023/05/08 06:15:55"
    },
    "msg": "若无杀父之仇 请勿攻击本站",
    "docs": "https://byepy1ypxo.k.topthink.com/@king"
}

JS查询方法

HTML代码:

<input name="yxname" class="form-control" placeholder="请输入要查询的英雄全称,如:露娜,凯" id="yxname">
<select class="form-control" id="seltname">
<option value="aqq">安卓QQ</option>
<option value="awx">安卓VX</option>
<option value="iqq">苹果QQ</option>
<option value="ix">苹果VX</option>
</select>
<button onClick="Startquery()" class="btn btn-danger btn-lg">开始查询</button>

js代码

<script type="text/javascript">
function Startquery() {
var yxname = document.getElementById("yxname").value; //获取需要查询的英雄名称
var myselect = document.getElementById("seltname");
var index = myselect.selectedIndex;
var dqname = myselect.options[index].value; //获取到的大区名称
if (yxname.length == 0) {
alert("请输入需要查询的英雄名称")
} else {
$.getJSON("https://api.xxoo.team/hero/getHeroInfo.php?hero=" + yxname + "&type=" + dqname, function(data,
status) {
//console.log(data.data)
//var newdata = data.data
$("#platform").append(data.data.platform+"<br/>")
$("#province").append(data.data.province+"<br/>")
$("#provincePower").append(data.data.provincePower+"<br/>")
$("#city").append(data.data.city+"<br/>")
$("#cityPower").append(data.data.cityPower+"<br/>")
$("#area").append(data.data.area+"<br/>")
$("#areaPower").append(data.data.areaPower+"<br/>")
$("#imgId").attr('src',data.data.photo)
$("#yxbiao").html(data.data.alias+" - "+data.data.name)
})
}
}
</script>


相关推荐
  • API接口
  • api教程
  • jsapi
  • 支付宝企业账户转账个人账户php接口代码

    前言支付宝企业账户转账个人账户php接口代码,该接口主要用于平台对用户奖励的发放,场景也很简单就是我在你平台上有余额,我提现,平台给钱。只不过项目中是用的官方的SDK调用的,仔细看了下那个SDK目录,把很多无用的接口(目前自己用不上)也包含在里面,作为强...

    php教程 178 2年前
  • QQ互联API申请教程(图文)

    1、登录QQ互联在浏览器上打开网址:http://connect.qq.com/。点击右上角【登录】按钮,使用QQ账号登录。2、管理中心点击【管理中心】进入应用管理页面。(图中位置1)完善开发者资料,如果手册登录需要完善开发者资料。点击【创建应用】,开始创建应用。(图中位...

    经验分享 1215 5年前
  • 苹果CMS开放API相关服务接口

    开放式API数据接口-声明本接口仅供学习研究使用,请勿用于生产环境和非法渠道;不能保证稳定性和正确性;请牢记苹果cms官方域名: www.maccms.com(暂时关闭) www.maccms.net; 网路出现多个盗版苹果v10的程序,改头换面加入后门,请误下载使用没有诚信的盗版程序...

    苹果cms教程 994 5年前
  • QQ互联API申请教程(图文)

    1、登录QQ互联在浏览器上打开网址:http://connect.qq.com/。点击右上角【登录】按钮,使用QQ账号登录。2、管理中心点击【管理中心】进入应用管理页面。(图中位置1)完善开发者资料,如果手册登录需要完善开发者资料。点击【创建应用】,开始创建应用。(图中位...

    经验分享 1215 5年前
  • 苹果CMS开放API相关服务接口

    开放式API数据接口-声明本接口仅供学习研究使用,请勿用于生产环境和非法渠道;不能保证稳定性和正确性;请牢记苹果cms官方域名: www.maccms.com(暂时关闭) www.maccms.net; 网路出现多个盗版苹果v10的程序,改头换面加入后门,请误下载使用没有诚信的盗版程序...

    苹果cms教程 994 5年前
  • php站长站备案查询API代码

    <?phperror_reporting(0);$u = $_GET[&#39;url&#39;];var_dump();if(!isset($u)){ echo &#39;?url=qq.com&#39;; die;}$a = file_get_contents(&#39;http://icp.chinaz.com/info?q=&#39;.$u);$p = &#39;/<td align=\"left\&qu...

    php教程 142 4年前
  • 无需任何Api的在线翻译功能

    今天分享一个 php 的翻译类模块,这个模块是之前在 thinkphp 的论坛里淘到的。小试了一下,效果非常不错!于是果断搬过来收藏。<?php // +----------------------------------------------------------------------// | PHP MVC FrameWork v1.0 在线翻译...

    js教程 197 5年前
  • 免费分享一个天气Api接口(附使用示例)

    网上的大多数天气接口要么是收费的,要么只支持 iframe 嵌入方式,根本就没法用……今天“不小心”从 360 那挖到了一个支持 json 的天气接口,支持自动判断地区,获取最近五天的天气,支持天气相关信息展示。非常好用!接口请求格式如下:http://cdn.weather.hao....

    js教程 178 5年前
  • 查询百度收录量API接口代码

    显示百度收录最新的网页收录数,还在到处查网页百度收录有没有添加吗,那你就落后了,现在都是直接在网页显示百度收录的最新数量。使用直接在要显示的地址添加以下代码即可。<div id="mli"></div><script type="text/javascript">var url = &#39;https://...

    js教程 275 4年前
最新更新
  • js返回上一页、刷新页面代码大全

    返回上一页代码:<a href="javascript:history.go(-1)">返回上一页</a>onclick返回上一页代码:<a href="javasc...

    js教程 2天前
  • js语言!=与!==的区别

    != (不等于)!= 是松散的不等于运算符。它在比较两个值时,会先进行类型转换(type coercion),然后再比较值是否不...

    js教程 6天前
  • JS防止网站被扒的解决方法

    这个代码能够直接保护整个站,而不再是单个页面,直接把代码放到自己的网站上,如果是博客建议放到header.php头部...

    js教程 3周前
  • Hexo插件开发实战教程

    Hexo的插件嵌入有两种方式,一种是通过脚本(Scripts)的方式引入,一种是通过插件(Packages)的方式将自定义的插件内...

    js教程 1个月前
  • JavaScript定时删除指定元素方法

    JavaScript定时删除指定元素一般用到自动隐藏的效果功能上面,主要用到了JS的setTimeout语法。下面是一个定时...

    js教程 1个月前