Der POST des ASP.NET Core-Formulars führt zu einer HTTP 415-Antwort auf den nicht unterstützten Medientyp

Das Senden einer POST-HTTP-Formularanforderung ( Content-Type: application/x-www-form-urlencoded) an den folgenden Controller führt zu einer nicht unterstützten HTTP 415-Medientypantwort .

public class MyController : Controller
{
    [HttpPost]
    public async Task<IActionResult> Submit([FromBody] MyModel model)
    {
        //...
    }
}

Formular nach HTTP-Headern:

POST /submit HTTP/1.1
Host: example.com:1337
Connection: keep-alive
Content-Length: 219
Pragma: no-cache
Cache-Control: no-cache
Origin: https://example.com:1337
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36
Content-Type: application/x-www-form-urlencoded
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
Referer: https://example.com:1337/submit
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.8,nl;q=0.6

Dies funktionierte früher mit ASP.NET MVC 5 unter .NET 4.6.

Verwenden Sie für Formulare das [FromForm]Attribut anstelle des [FromBody]Attributs.

Der folgende Controller funktioniert mit ASP.NET Core 1.1:

public class MyController : Controller
{
    [HttpPost]
    public async Task<IActionResult> Submit([FromForm] MyModel model)
    {
        //...
    }
}

Hinweis: [FromXxx]ist erforderlich, wenn Ihr Controller mit Anmerkungen versehen ist [ApiController]. Bei normalen Ansichtssteuerungen kann dies weggelassen werden.

Sie können verwenden, [FromBody]aber Sie müssen den Content-TypeHeader Ihrer Anfrage auf setzen application/json, dh

Content-Type: application/json

Zuerst müssen Sie in den Headern angeben Content-Type, wie es beispielsweise sein kann application/json.

Wenn Sie den application/jsonInhaltstyp festlegen , müssen Sie einen JSON senden.

So bodysenden Sie in Ihrer Anfrage nicht form-data, x-www-for-urlencodedsondern rawzum Beispiel einen json{"Username": "user", "Password": "pass"}

Sie können das Beispiel an verschiedene Inhaltstypen anpassen, einschließlich der zu sendenden Inhalte.

Sie können ein Werkzeug wie Postman oder Curl verwenden, um damit zu spielen.

Als Ergänzung zu guten Antworten müssen Sie keine [FromForm]Formulardaten im Controller abrufen. Framework konvertiert Formulardaten automatisch in ein Modell, wie Sie es wünschen. Sie können wie folgt implementieren.

[HttpPost]
public async Task<IActionResult> Submit(MyModel model)
{
    //...
}

Dies ist mein Fall: Es wird ausgeführt. Umgebung: AspNet Core 2.1 Controller:

public class MyController
{
    // ...

    [HttpPost]
    public ViewResult Search([FromForm]MySearchModel searchModel)
    {
        // ...
        return View("Index", viewmodel);
    }
}

Aussicht:

<form method="post" asp-controller="MyController" asp-action="Search">
    <input name="MySearchModelProperty" id="MySearchModelProperty" />
    <input type="submit" value="Search" />
</form>

Das Problem kann aufgrund von MVC MW auftreten. Sie müssen formatterType in den MVC-Optionen festlegen:

services.AddMvc(options =>
            {
                options.UseCustomStringModelBinder();
                options.AllowEmptyInputInBodyModelBinding = true;
                foreach (var formatter in options.InputFormatters)
                {
                    if (formatter.GetType() == typeof(SystemTextJsonInputFormatter))
                        ((SystemTextJsonInputFormatter)formatter).SupportedMediaTypes.Add(
                            Microsoft.Net.Http.Headers.MediaTypeHeaderValue.Parse("text/plain"));
                }
            }).AddJsonOptions(options =>
            {
                options.JsonSerializerOptions.PropertyNameCaseInsensitive = true;
            });

"HTTP 415-Antwort für nicht unterstützte Medientypen" stammt von Content-Type im Header Ihrer Anfrage. Zum Beispiel in Javascript von Axios:

Axios({
            method: 'post',
            headers: { 'Content-Type': 'application/json'},
            url: '/',
            data: data,  // an object u want to send
          }).then(function (response) {
            console.log(response);
          });