MVC Web API, Ошибка: невозможно привязать несколько параметров

Я получаю ошибку при передаче параметров,

"Невозможно связать несколько параметров"

вот мой код

[HttpPost]
public IHttpActionResult GenerateToken([FromBody]string userName, [FromBody]string password)
{
    //...
}

Ajax:

$.ajax({
    cache: false,
    url: 'http://localhost:14980/api/token/GenerateToken',
    type: 'POST',
    contentType: "application/json; charset=utf-8",
    data: { userName: "userName",password:"password" },

    success: function (response) {
    },

    error: function (jqXhr, textStatus, errorThrown) {

        console.log(jqXhr.responseText);
        alert(textStatus + ": " + errorThrown + ": " + jqXhr.responseText + "  " + jqXhr.status);
    },
    complete: function (jqXhr) {

    },
})

Ответ 1

Ссылка: Связывание параметров в веб-интерфейсе ASP.NET - с помощью [FromBody]

Не более одного параметра разрешено читать из тела сообщения. Так это не будет работать:

// Caution: Will not work!    
public HttpResponseMessage Post([FromBody] int id, [FromBody] string name) { ... }

Причиной этого правила является то, что тело запроса может быть сохранено в небуферизованный поток, который можно прочитать только один раз.

акцент мой

Это сказано. Вам нужно создать модель для хранения ожидаемых агрегированных данных.

public class AuthModel {
    public string userName { get; set; }
    public string password { get; set; }
}

а затем обновите действие, чтобы ожидать, что эта модель в теле

[HttpPost]
public IHttpActionResult GenerateToken([FromBody] AuthModel model) {
    string userName = model.userName;
    string password = model.password;
    //...
}

чтобы правильно отправить полезную нагрузку

var model = { userName: "userName", password: "password" };
$.ajax({
    cache: false,
    url: 'http://localhost:14980/api/token/GenerateToken',
    type: 'POST',
    contentType: "application/json; charset=utf-8",
    data: JSON.stringify(model),
    success: function (response) {
    },

    error: function (jqXhr, textStatus, errorThrown) {

        console.log(jqXhr.responseText);
        alert(textStatus + ": " + errorThrown + ": " + jqXhr.responseText + "  " + jqXhr.status);
    },
    complete: function (jqXhr) {

    },
})