Question

我在javascript中做了一些代码，我打算做一个向web api发送请求并接收令牌的方法（尚未完成）。

这是我的代码

 $.ajax({
    type: 'POST',
    crossDomain: true,   //For cors on web api
    crossOrigin: true,
    xhrFields: {
        withCredentials: true,  //send the credentials
    },
    contentType: 'application/x-www-form-urlencoded',
    url: 'https://localhost:44123/Token',
    grant_type: 'password',
    username: username,
    password: password,
    success: function () {
        alert("success");
    },
    error: function (xhr, ajaxOptions, thrownError) { //Add these parameters to display the required response
        alert(xhr.status);
        alert(xhr.responseText);
    },
});

但每次执行该方法时，我都会收到以下错误：

错误400（发布） - ＆gt; unsupported_grant_type

我不习惯ajax / js ...所以我失去了一点点..有什么想法吗？ -

Answer 1

您需要将grant_type，username和password作为POST参数的一部分传递，而不是作为您当前正在执行的$.ajax参数。

试试这个：

var body = {
    grant_type: 'password',
    username: username,
    password: password
};

$.ajax({
    url: 'https://localhost:44123/Token',
    type: 'POST',
    dataType: 'json',
    contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
    /* data: JSON.stringify(body), /* wrong */
    data: body, /* right */
    complete: function(result) {
        //called when complete
        alert(result);
    },

    success: function(result) {
        //called when successful
        alert(result);
    },

    error: function(result) {
        //called when there is an error
        alert(result);
    },
});

希望这会有所帮助......

Ajax请求Unsupported_grant_type

1 个答案: