为什么我在尝试发布字符串时收到 415？

Question

我想在注册时将电子邮件（字符串）从 aspnet/identity 发送到我的 dbcontext。控制台输出

加载资源失败。服务器响应状态为 415 () :5001/api/UserEntities/insertEmail:1

当我点击斜体部分时，我得到：

{"type":"https://tools.ietf.org/html/rfc7231#section-6.5.13","title":"不支持的媒体类型","status":415,"traceId": "00-30216fe89ca6b54e8fa1121b1954ad81-0a607d94a5b71142-00"}

RegisterConfirmation.cshtml

    var data = {
            email: $('#email').val()
        };
    $(document).ready(function () {
        $.ajax({
            type: "POST",
            url: '../../api/UserEntities/insertEmail',
            data: data,
            success: function () {
                alert($('#email').val()); //this shows the email correctly in the popup
            }
        });
    });

UserEntitiesController.cs

    [Route("insertEmail")]
    public void Insert([FromBody] string email)
    {
        _uecontext.Users.Add(new DinderDL.Models.UserEntity
        {
            Email = email
        });
        _uecontext.SaveChanges();
    }

我也试过这个，结果是一样的：

    $(document).ready(function () {
        $.post('../../api/UserEntities/insertEmail', {
            email: $('#email').val();
        }).then(alert('hello'));
    });

除非我得到：

POST https://localhost:5001/api/UserEntities/insertEmail 415
send @ jquery.min.js:2
ajax @ jquery.min.js:2
S.<computed> @ jquery.min.js:2
(anonymous) @ RegisterConfirmation?email=baba@gmail.com&returnUrl=%2F:71
e @ jquery.min.js:2
t @ jquery.min.js:2
setTimeout (async)
(anonymous) @ jquery.min.js:2
c @ jquery.min.js:2
fireWith @ jquery.min.js:2
fire @ jquery.min.js:2
c @ jquery.min.js:2
fireWith @ jquery.min.js:2
ready @ jquery.min.js:2
B @ jquery.min.js:2

Answer 1

您的 api 端点接受具有有效请求正文的请求（由在输入字符串 email 上装饰的 [FromBody] 确定），但您的请求使用默认的 contentType 或 application/x-www-form-urlencoded（由 $.ajax）发布。这会导致发送一个空的请求正文。

所以您有 2 个选项，要么删除 [FromBody]，要么发布内容类型为 application/json 的 ajax 请求。使用该内容类型，传递给data 选项的整个字符串将通过请求正文发送。服务器端代码将使用 json 序列化格式化程序（输入格式化程序）解析该请求正文，因为 content-type 标头值为 application/json。

这是您遵循第二个选项（发布 json 请求）的方式：

$.ajax({
        type: "POST",
        url: '../../api/UserEntities/insertEmail',
        contentType: 'application/json',
        data: data.email,
        success: function () {
           //...
        }
    });

注意：上面的代码我们不使用JSON.stringify，因为它是不必要的。您的服务器端模型只是一个string。如果使用JSON.stringify，您需要更新您的模型以使用这样的类：

//just an example to help you understand
public class DataModel {
    [JsonProperty("email")]
    public string Email {get;set;}
}
//update your Insert method to this
public void Insert([FromBody] DataModel data)
{
    //accessing data.Email
}
//then you can use JSON.stringify to post the json of your email object
$.ajax({
        type: "POST",
        url: '../../api/UserEntities/insertEmail',
        contentType: 'application/json',
        data: JSON.stringify(data),
        success: function () {
           //...
        }
    });

参考资料：

FromBodyAttribute

Input formatters

Answer 2

您只需要更改您的代码：

var data = {
            email: $('#email').val()
           };

    $(document).ready(function () {
        $.ajax({
            type: "POST",
            url:'../../api/UserEntities/insertEmail',
            contentType: 'application/json',
            data:  JSON.stringify(data),
            success: function (result) {
               console.log(result);
            }
        });
    });