Question

如果我的解释不完美，我不是一位经验丰富的编码员，请原谅。

我正在制作一个html页面，我希望有一个部分显示一些Osu！统计。有这个osu api吐出了我可能需要的所有信息，但是它有点太多了。

https://osu.ppy.sh/api/get_user?k=ff96ad02d159e0acad3282ad33e43a710dac96d5&u=Sceleri

以上回报：

[{"user_id":"6962718","username":"Sceleri","count300":"93129","count100":"15744","count50":"3404","playcount":"776","ranked_score":"184300015","total_score":"258886799","pp_rank":"345687","level":"34.115","pp_raw":"314.239","accuracy":"94.54791259765625","count_rank_ss":"1","count_rank_s":"55","count_rank_a":"74","country":"FI","pp_country_rank":"4112","events":[]}]

我想从那里解析一些数字。例如：

"pp_raw":"314.239" -> <p>;314.239</p>;

<p>将位于div内部，依此类推，我可以为其指定一些CSS并使其看起来很好。主要问题是将数据提取为单独的<p>元素。

我之前在Rainmeter中使用正则表达式执行了此操作（我有帮助），但我不知道如何在html中执行此操作。

Answer 1

使用Jquery ajax调用。您发布的网址基本上为您提供了一个json对象。

HTML：

<div id="pp_raw">
</div>

Jquery的

$.get( "https://osu.ppy.sh/api/get_user?k=ff96ad02d159e0acad3282ad33e43a710dac96d5&u=Sceleri", function( data ) {
  //You can put whatever you want in the style attr to make things pretty
  $( "#pp_raw" ).html("<p style='color:red'>"+data[0]['pp_raw']+"</p> ");
});

的jsfiddle：

https://jsfiddle.net/rwt5mdyk/8/

将数据从API提取到html元素

1 个答案: