Web Api 2 中的 unsupported_grant_type

Question

我是 Web Api 的初学者，正在实施授权和身份验证，但遇到了一些错误，如下所述：

从 webApi 获取令牌时出现此错误

{"readyState":4,"responseText":"{\"error\":\"unsupported_grant_type\"}","responseJSON":{"error":"unsupported_grant_type"},"status":400,"statusText":"Bad Request"}

这是我请求令牌的 jQuery 代码

$(document).ready(function () {
    $("#login").click(function () {
        debugger;
        var details = "{'grant_type':'password', 'username': '" + $("#UserName").val() + "', 'password': '" + $("#Password").val() + "' }";
        console.log(details);
        $.ajax({
            type: "POST",
            contentType: "application/x-www-form-urlencoded",
            data: details,
            url: "http://localhost:59926/token",
            success: function (data) { console.log(JSON.stringify(data)); },
            error: function (data) { console.log(JSON.stringify(data)); }
        });
    });

Answer 1

您的data 应该是查询字符串，而不是 JSON 对象。如果需要，您应该对参数进行编码

data: 'username=' + encodeURIComponent(user.username) + '&password=' + encodeURIComponent(user.password) + '&grant_type=password'

Answer 2

contentType 是错误的。应该是application/json

$(document).ready(function () {
    $("#login").click(function () {
        debugger;
        var details = "{'grant_type':'password', 'username': '" + $("#UserName").val() + "', 'password': '" + $("#Password").val() + "' }";
        console.log(details);
        $.ajax({
            type: "POST",
            contentType: "application/json",
            data: details,
            url: "http://localhost:59926/token",
            success: function (data) { console.log(JSON.stringify(data)); },
            error: function (data) { console.log(JSON.stringify(data)); }
        });
    });