AJAX 调用从我的 REST API 收到“400 错误请求”响应

AJAX call gets a "400 bad request" response from my REST API

本文关键字:错误 请求 响应 收到 调用 我的 REST API AJAX      更新时间:2023-09-26

AJAX 调用从我的 REST API 收到"400 错误请求"响应。 下面是 JavaScript:

var client_id = 'xxxxxx';
var client_secret = 'yyyyyy';
var username = document.getElementById("inputUsername").value;
var password = document.getElementById("inputPassword").value;
var params = {
  client_id: client_id,
  client_secret: client_secret,
  grant_type: 'password',
  username: username,
  password: password
};
var successCallback = function(data, textStatus, jqXHR) {
  console.log('Success: ', textStatus);
};
var errorCallback = function(jqXHR, textStatus, errorThrown) {
  console.log('Error: ', jqXHR.status, textStatus, errorThrown);
};
var completeCallback = function(jqXHR, textStatus) {
  console.log('Complete: ', textStatus);
};
$.ajax({
  traditional: true,
  type: 'POST',
  url: 'http://127.0.0.1:8000/auth/token',
  contentType: 'application/json',
  dataType: 'json',
  data: params,
  success: successCallback,
  error: errorCallback,
  complete: completeCallback
});

我还尝试使用以下方法设置数据,但得到了相同的响应:

var data = jQuery.param(params);

。对 AJAX 调用进行相应的更改:

$.ajax({
  ...
  data: data,
  ...
});

我想获得与使用 curl 命令相同的结果:

curl -X POST "http://127.0.0.1:8000/auth/token" -d "client_id=xxxxxx&client_secret=yyyyyy&grant_type=password&username=aaaaaaa&password=bbbbbb"

我在 AJAX 调用中删除了 contentType 参数,问题消失了:

$.ajax({
  traditional: true,
  type: 'POST',
  url: 'http://127.0.0.1:8000/auth/token',
  dataType: 'json',
  data: params,
  success: successCallback,
  error: errorCallback,
  complete: completeCallback
});