IdentityServer4 系列 【四】-- 客户端使用jquery获取token，并使用token获取Api端数据

html代码我就不写了，直接上jquery怎么写的，先引用jquery类库

内部js写法，使用了sessionStorage存储token。

var TokenUrl = "http://localhost:5000/connect/token";
var UserApiUrl = "http://localhost:5002";

//获取token
function getToken(username, password) {
    sessionStorage["token"] = "";
    $.ajax({
        url: TokenUrl,
        dataType: "json",
        type: 'post',
        async: false,
        data: { "client_id": "webclient", "grant_type": "password", "username": username, "password": password },
        success: function (json) {
            if (json.access_token) {
                sessionStorage["token"] = json.access_token;
            }
        },
        error: function (json) {
            $("token").html("错误");
        }
    });
}

//使用token获取资源内容
function getUserApi() {
    var token = sessionStorage["token"];
    $.ajax({
        beforeSend: function(xhr) { 
            xhr.setRequestHeader("Authorization", "Bearer "+token);  
        },
        url: UserApiUrl + '/api/home/index',
        dataType: "text",
        type: 'post',
        async: false,
        success: function (text) {
            alert(text);
        },
        error: function (text) {
        }
    });
}