javascript - 如何使用 Javascript 正确连接 Riot api？

Question

这是我用来执行此操作的代码。

此代码出现在文档中，但我可能使用错误，因为我没有得到任何输出。

<script type="text/javascript" src="/js/script.js"></script>
    var xhttp = new XMLHttpRequest();

    xhttp.open("GET", 'https://euw.api.pvp.net/api/lol/euw/v1.4/summoner/by-name/{name}?api_key={key}',true);
    xhttp.send();

    document.write(xhttp.responseText);
</script>

我的目标是从 API 获取响应的 JSON 代码，并能够使用它进行操作。
在本例中，我尝试显示从 api 获取的代码并将其显示在页面中。

提前致谢。

Answer 1

1. 您似乎正在引用一个名为 script.js 的外部 JS 文件，并且之后还尝试使用内联 Javascript，但您没有为后者打开另一个脚本标签，您只是关闭了一个不存在的脚本标签。尝试将您的代码放在 <script> /*code here*/ </script> 之间或者在您引用的 JS 文件中。

2. 市面上有很多库和框架，数量太多，无法一一列出，但如果您必须使用 XMLHttpRequest，take a look at this first .

3. 某些 Riot Games API 端点不允许 CORS ，这意味着您无法从客户端代码发送这些请求，您需要从服务器发送它们。 source

4. 查看交互式 Riot Games API 引用，您可以自动登录并使用您的 API key 。您正在尝试使用 Summoner v1.4但是，请考虑使用 Summoner v3因为前者将被弃用(当您发布问题时 v3 可能不存在)。基本上，只需输入召唤者名称并选择一个区域，然后单击执行请求，就会发出真正的请求，您将在下面看到发送的内容和返回的内容。然后，您可以使用此处的REQUEST URL来提出请求。