如何使用jQuery（localhost）获取oauth access_token？

Question

我正在尝试使用jQuery获取access_token。问题是，我无法获得该令牌（服务器运行在localhost上）。服务器运行良好（我在postman中尝试过），但在jQuery中无法得到它。浏览器在单击按钮后写入。

由于MIME类型（“Application/JSON”）不匹配（x-content-type-options：nosniff）,来自“http://localhost:8080/oauth/token？callback=jquery34105901959820360243_1562175129954”&grant_type=password&client_id=my-client&client_secret=my-secret&username=test%40seznam.cz&password=peter&_=1562175129955“的资源被阻止。

获取access_token的jQuery函数

function authenticateUser(email, password) {
    var body = {
        grant_type: 'password',
        client_id: 'my-client',
        client_secret: 'my-secret',
        username: "[e-mail]",
        password: "Peter"
    };


    $.ajax({
        url: 'http://localhost:8080/oauth/token',
        crossDomain: true,
        type: 'POST',
        dataType: 'jsonp',
        contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
        header: {"Access-Control-Allow-Origin": "*"},
        data: body,
        complete: function(result) {
            alert(result);
        },

        success: function(result) {
            alert(result + " OK!");
        },

        error: function(result) {
            alert(result + " CHYBA");
        },
    });
    return true;
}

Answer 1

如果javascript文件由提供令牌的同一服务器提供，那么就不需要在jquery ajax代码中使用完整url（也不需要指示crossdomain=true)。您的服务器似乎希望使用json内容类型，而不是URL编码的内容类型

使用

        url: '/oauth/token',
        crossDomain: false,
...
        contentType: 'application/json; charset=UTF-8',

提出要求

崔顺实道：

   $.post("/oauth/token",body,
  function(data, status) {
    alert("Data: " + data + "\nStatus: " + status);
  });