gpt4 book ai didi

javascript - 使用 JQuery 从 JSON 文件中获取数据

转载 作者:行者123 更新时间:2023-11-30 16:20:28 25 4
gpt4 key购买 nike

溢出!

我目前正在处理一个小应用程序,我必须在星期一完成上学。我没有太多时间做大事。所以我决定,为什么不检索 Steam 的 Web Api 的信息并获取玩家的统计数据。

Steam API 的 URL: http://api.steampowered.com/ISteamUserStats/GetUserStatsForGame/v0002/?appid=730&key=DA697BB2D106697D5F8AC7E7A2BFAC52&steamid=76561198263871727

最后一个参数&steamid=代表玩家的id。现在我已经找到了如何将 steamid 放入变量中,但是当尝试将 id 添加到 url 的其余部分时(http://api.steampowered.com/ISteamUserStats/GetUserStatsForGame/v0002/?appid=730&key=DA697BB2D106697D5F8AC7E7A2BFAC52&steamid= id should be here 并使用 Ajax.getJson 方法。它只是行不通。顺便说一句,我对 JSON 非常有经验。有人可以帮我解决这个问题吗?

我的网页:

<!DOCTYPE html>
<html lang="en">
<head>
<!--Meta Information-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">

<!--JQuery Mobile-->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<!--FontAwesome-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

<!--Custom Styles-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div data-role="page" id="index">
<div data-role="header">
<h1>CS:GO Stats</h1>
</div>
<div data-role="main" class="ui-content">
<div class="search">
<label for="search">Enter SteamID:</label>
<input type="search" name="search" id="inputSearch" />
<input type="submit" id="butSearch" data-inline="true" value="Search SteamID">
</div>
<div id="result">

</div>
</div>
</div>
<!--getSteamUserId function-->
<script src="js/getSteamUserId.js"></script>
</body>
</html>

我的 Javascript 代码:

$(document).ready(function() {

$('#butSearch').click(function(event) {
var input = $('#inputSearch').val();

$.getJSON( "http://api.steampowered.com/ISteamUserStats/GetUserStatsForGame/v0002/?appid=730&key=DA697BB2D106697D5F8AC7E7A2BFAC52&steamid=" + input, function( data ) {
var items = [];
$.each( data, function( key, val ) {
items.push( "<li id='" + key + "'>" + val + "</li>" );
});

$( "<ul/>", {
"class": "my-new-list",
html: items.join( "" )
}).appendTo( "#result" );
});
})

})

现在我想要的是从 JSON 文件中获取统计数据到我的网页中。有人知道怎么做吗?我还可以看到 JSON 不仅是一个平面 JSON 文件。它有不同的层(如果这是一个很好的解释)。

提前致谢!

最佳答案

像这里一样使用 jsonP:

$.ajax({
url: url,
dataType: 'JSONP',
type: 'GET',
jsonp: 'jsonp',
success: handler

});

工作示例 here

关于javascript - 使用 JQuery 从 JSON 文件中获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34827576/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com