Question

我是Web脚本新手。也不是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>

谢谢。

Answer 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"

以HTML显示API响应数据

1 个答案: