以 HTML 格式显示 API 响应数据答案

【问题标题】：Displaying API response data in HTML以 HTML 格式显示 API 响应数据
【发布时间】：2019-01-01 16:41:24
【问题描述】：

我是网络脚本的新手。也不是 HTML 高级处理方面的专家。我一直在努力使用 Javascript 和 HTML 从 API 获得响应。我从 API 得到响应。

但是，我不确定如何以 HTML 格式显示收到的数据。例如，我看到 API 根据请求将我重定向到我的测试页面 - http://localhost/test.html

我想在此 HTML 页面的表格中显示从 API 接收到的所有参数。我怎样才能做到这一点？这是我从 API 收到的 URL 响应 -

https://localhost/test.html?state=myState&scope=CustomApi&access_token=somerandomtokenjibberjabbergoeshere&expires_in=5184000&resource_server_base_uri=https%3a%2f%2fapi-b2.someapi.com%2fsomeAPI%2f&token_type=bearer

这是我不完整的 HTML -

<!DOCTYPE html>
<html>
    <head>
        <title>
            Data received from API request
        </title>
    </head>
    <body>

<div class="container">
<div id="result" style="color:red"></div>
</div>
</body>

</html>

谢谢。

【问题讨论】：

Stack Overflow 的重点是针对具体问题寻求帮助。它不是一个您可以要求其他人为您编写所有代码的网站。见stackoverflow.com/help/on-topic
我没有要求任何人为我编写代码。也许我用错了这个问题的措辞。我只是在问什么方法是最好的，即 javascript、jquery 等。

标签： javascript json api html-table

【解决方案1】：

对于其他想知道的人，这是我使用的

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
    results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

然后我将变量称为如下

var token = getParameterByName('access_token'); // "value1"
var state = getParameterByName('state'); // "value2"

【讨论】：