Ошибка асинхронного вызова AJAX

Question

Я пытаюсь сделать асинхронный вызов AJAX с использованием JQuery.

try
{
    let resp = await $.ajax({
        type: 'POST',
        dataType: 'json',
        url: 'https://xxxx/api/token',
        data: { AuthCode: authCode }
    });

    let accessToken = resp.access_token;
    document.getElementById("token").innerText = accessToken;

} catch (ex) {
    // Write the exception to the output area
    document.getElementById("token")
        .innerText = JSON.stringify(ex, null, 3);
}

По какой-то причине этот код вызывает следующее исключение:

{
   "readyState": 4,
   "responseText": "{\"\":[\"The input was not valid.\"]}",
   "responseJSON": {
      "": [
         "The input was not valid."
      ]
   },
   "status": 400,
   "statusText": "Bad Request"
}

Когда я вызываю точно такой жеAPI от Почтальона без проблем возвращает результат.

Answer 1

Вы, вероятно, не отправляете сообщение в конечную точку с правильными заголовками.Ваша конечная точка ожидает application/x-www-form-urlencoded или application/json?В любом случае вы можете установить заголовки с помощью свойства headers , например:

$.ajax({
  ...
  headers: {
    "Content-Type":"application/json"
  }
});