javascript中的$.getJson函数上的oauth_Javascript_Html_Jquery_Ajax

javascript中的$.getJson函数上的oauth

javascript html jquery ajax

javascript中的$.getJson函数上的oauth,javascript,html,jquery,ajax,Javascript,Html,Jquery,Ajax,我被困在$getJSON函数上添加Oauth 2.0访问令牌我是javascript新手，我使用BI工具，我需要向json get调用添加Oauth 2.0访问令牌，acces令牌来自客户端凭据具有访问令牌URL、客户端ID和客户端机密如果访问令牌URL为客户端ID=AAAAA 客户的秘密是bbbbbb 如何请求令牌，并将其添加到下面的getJson调用中提前谢谢，我找不到我能理解的答案目前我有以下代码： <!DOCTYPE html> <html>

我被困在$getJSON函数上添加Oauth 2.0访问令牌

我是javascript新手，我使用BI工具，我需要向json get调用添加Oauth 2.0访问令牌，acces令牌来自客户端凭据

具有访问令牌URL、客户端ID和客户端机密

如果访问令牌URL为客户端ID=AAAAA 客户的秘密是bbbbbb

如何请求令牌，并将其添加到下面的getJson调用中

提前谢谢，我找不到我能理解的答案

目前我有以下代码：

    <!DOCTYPE html>
<html>
    <head>
        <title>JSON data to HTML Table using Ajax Jquery getJSON method</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
    </head>
    <body>
        <div class="container">
            <div class="table-responsive">
                <h1>JSON data To HTML using JSON file </h1>
                <br />
                <table class="table table_bordered table-striped" id=employee_table>
                    <tr>
                        <th>State</th>
                        <th>City</th>
                    </tr>
                </table>
            </div>
        </div>

    </body>
</html>
<script>
    $(document).ready(function(){

        var data = {
        "grant_type":"client_credentials",
        "client_id": "KzwgGk8W5yZN2j2MWB4V",
        "client_secret": "g3bXSBkPWPdzRxnjFMwHsk2h"
        };


        // construct an HTTP request
        var getToken= new XMLHttpRequest();
        getToken.open("POST", "https://agiliz.de.looker.com:19999/login", true);
        getToken.setRequestHeader('Content-Type', 'application/json');

        // send the collected data as JSON
        getToken.send(JSON.stringify(data));




        $.getJSON("https://jsonplaceholder.typicode.com/posts",function(data){
            var employee_data = '';
            $.each(data, function(key, value) {
                employee_data += '<tr>'; 
                employee_data += '<td>'+value.title+'</td>'; 
                employee_data += '<td>'+value.body+'</td>'; 
                employee_data += '</tr>';
            });
            $('#employee_table').append(employee_data);
        });

    });


</script>


使用Ajax Jquery getJSON方法将JSON数据转换为HTML表
使用JSON文件将JSON数据转换为HTML


陈述
城市
$（文档）.ready（函数（）{
风险值数据={
“授予类型”：“客户端凭据”，
“客户id”：“KZWGK8W5YZN2J2MWB4V”，
“客户机密”：“G3BXSBKPWPZRXNJFMWHSK2H”
};
//构造一个HTTP请求
var getToken=new XMLHttpRequest（）；
getToken.open（“POST”https://agiliz.de.looker.com:19999/login“，对）；
setRequestHeader（'Content-Type'，'application/json'）；
//将收集的数据作为JSON发送
send（JSON.stringify（data））；
$.getJSON（“https://jsonplaceholder.typicode.com/posts，函数（数据）{
var员工_数据=“”；
$。每个（数据、函数（键、值）{
员工_数据+=''；
员工_数据+=''+值.头衔+''；
员工_数据+=''+值.正文+''；
员工_数据+=''；
});
$（'employee_table'）。追加（employee_数据）；
});
});