JSONP平台对接代码备份

本文介绍了一种使用JavaScript实现的游戏战绩统计与展示方法,通过AJAX调用JSONP跨域请求获取玩家战斗记录、排行榜信息及个人游戏数据,并将这些数据显示在网页上。

<script type="text/javascript">
$(function(){
  $.ajax({
   url:"http://192.168.11.97:8025/battle_summary?player_guid=1000000",
   async: false,
   dataType:"jsonp",
   jsonpCallback:"summary",
   success:function(summary){
    var counter = 0;
    for(var e in summary){
     if(counter>4){
      break;
     }
     if(summary[counter].is_win==0){
      $("#zhanji2 .content").append('<li><img src="images/lose.png" /><p class="time">'+summary[counter].start_time+'</p><p class="name">'+summary[counter].map_name+'</p></li>');
     }
     else{
      $("#zhanji2 .content").append('<li><img src="images/win.png" /><p class="time">'+summary[counter].start_time+'</p><p class="name">'+summary[counter].map_name+'</p></li>');
     }
     counter++;
     }
   }
 });
  $.ajax({
   url:"http://192.168.11.97:8025/rank",
   async: false,
   dataType:"jsonp",
   jsonpCallback:"rank",
   success:function(rank){
    var counter = 0;
    for(var e in rank){
     if(counter>4){
      break;
     }
   $("#zhanli .zhanli").append('<li><img src="images/'+rank[counter].rank+'.png" class="num" /><img src="'+rank[counter].head+'"/><p class="name">'+rank[counter].player_name+'</p><p class="score">'+rank[counter].rank_key+'</p></li>');
     counter++;
    }
   }
 });
  $.ajax({
   url:"http://192.168.11.97:8025/dota_info?player_guid=1000000",
   async: false,
   dataType:"jsonp",
   jsonpCallback:"dotainfo",
   success:function(dotainfo){
    $("#qiang").append(dotainfo.heros[0].qiang);
    $("#ying").append(dotainfo.heros[0].ying);
    $("#sha").append(dotainfo.heros[0].sha);
    $("#fu").append(dotainfo.heros[0].fu);
    $("#bu").append(dotainfo.heros[0].bu);
    $("#fuzhu").append(dotainfo.heros[0].fuzhu);
    $("#zhu").append(dotainfo.heros[0].yuan);
    $("#score").append(dotainfo.heros[0].score);
    $("#play_count").append(dotainfo.heros[0].play_count);
    $("#win_percentage").append(dotainfo.heros[0].win_percentage);
    $("#flee_percentage").append(dotainfo.heros[0].flee_percentage);
    $("#say_yes").append(dotainfo.say_yes);
    console.log(dotainfo.common_heros[0]);
    var counter = 0;
    for(var e in dotainfo.common_heros){
     if(counter>4){
      break;
     }
   $("#common_heros").append('<li><img src="'+dotainfo.common_heros[counter]+'" width="42" height="42" /></li>');
     counter++;
    }
   }
 });
});
</script>

转载于:https://www.cnblogs.com/heyy/p/3871931.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值