基本身份验证不适用于 jquery，但可以使用其他语言

Question

我正在尝试使用 Jquery 中的基本身份验证协议对用户进行身份验证，但它一直给出错误：“XMLHttpRequest 无法加载 https://api.credly.com/v1.1/authenticate。Access-Control-Allow-Headers 不允许请求标头字段授权。”

但是当我使用邮递员客户端检查 API 时，它工作正常。

jQuery 代码：

 var settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://api.credly.com/v1.1/authenticate",
  "method": "POST",
  "headers": {
    "x-api-key": "myAPIkey",
    "x-api-secret": "mySECRET",
    "authorization": "Basic "+btoa(<email> + ":" + <password>)
  }
}

$.ajax(settings).done(function (response) {
  console.log(response);
});

API 正在为 POSTMAN 客户端工作，因此应该没有问题，但它在 Jquery 中不起作用。 请帮忙。

Answer 1

使用dataType : 'jsonp' 进行跨域请求，See also

 var settings = {
  "async": true,
  "crossDomain": true,
  dataType : 'jsonp',   //Cross Domain request
  "url": "https://api.credly.com/v1.1/authenticate",
  "method": "POST",
  "headers": {
    "x-api-key": "myAPIkey",
    "x-api-secret": "mySECRET",
    "authorization": "Basic "+btoa(<email> + ":" + <password>)
  }
}