使用href和GET请求响应加载特定的html页面

时间:2017-07-20 06:37:17

标签: javascript jquery html ajax

首先,我认为我的头衔不是很清晰,而且非常能代表我想要实现的目标,但我无法让它更清晰......

好的,我有一个Leaderboard,是根据这个ajax调用创建的:

$.ajax({
      url: '/handler',
      dataType: 'json',
      success: function(data) {
        var tb = document.getElementById('Leaderboard');
        while(tb.rows.length > 1) {
          tb.deleteRow(1);
        };
        var keys = Object.keys(data);
        for( key of keys) {
          var username = data[key].username;
          var score = data[key].score;
          var row = $('<tr id = "row' + tb.rows.length + '"><td><a href="/leaderboard/'+ username + '" target="_blank">' + username + '</a></td><td>' + score + '</td></tr>');
          $('#Leaderboard').append(row);
          if(tb.rows.length > 11){
            tb.deleteRow(tb.rows.length -1);
          }
        }
      },
      error: function(jqXHR, textStatus, errorThrown){
          alert('Error: ' + textStatus + ' - ' + errorThrown);
      }
  });

正如您在Leaderboard中看到的,当点击用户名时,它会打开一个包含GET请求结果的新页面(/leaderboard/:username)。我的问题是我怎样才能skin这个页面,甚至更好地加载这个页面中的html文件,但是在保持可访问性的同时GET请求的结果可以在里面使用它? 这可能不太清楚,这可能是我的标题不合适的原因......但无论如何,如果你有一些想法,我会带他们! 感谢

0 个答案:

没有答案