Как использовать jquery ajax пост, похожий на angular?

Question

У меня устаревшее приложение, которое использует jquery. В настоящее время невозможно использовать angular в этом приложении.

Мне нужно использовать jquery ajax метод post для использования веб-службы.

Я потребляю то же самое веб-сервис с angular в другом приложении, который работает просто отлично. Однако, когда я пытаюсь использовать jquery, по какой-то неизвестной причине это не получается

Ниже приведены коды Angular и Jquery Может ли кто-нибудь указать, что мне не хватает.

Angular

let params = new HttpParams();
params.append('username',loginData.username);
params.append('password',loginData.password);    

const options = { headers: new HttpHeaders({'Content-Type': 'application/json'}) };
this._http.post('http://localhost/authenticate', 
loginData, options).subscribe(data => {  
    this.saveToken(data);
}, error => {
    alert('Invalid Credentials'); 
});

JQuery

jQuery.ajax({
    url: "http://localhost/authenticate",
    method: "POST",
    data: {username: "username", password: "password"},
    contentType: "application/json",
    processData: false,
    success: function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    }
});

Я получаю ошибку http 400 в случае jquery, но в angular все нормально.

Веб-сервис представляет собой контроллер пружинной загрузки, который принимает входные данные как @ RequestBody

Answer 1

Хорошо, ребята, я нашел решение. Мне просто нужно было упорядочить входные данные, как это

JSON.stringify({username: "username", password: "password"})