控制器从 javascript 接收 ajax 发布请求时得到一个空对象

Question

我正在创建一个 react javascript 组件，该组件从用户那里收集信息并使用 ajax 将发布请求发送到 url 端点。我的组件正在到达终点。这是说明我的问题的代码：

C# 端点 - 控制器：

[EnhancedRequireHttps]
    [HttpPost]
    public ActionResult MyMethod(MyObject myObject)
    {...}

我期待的对象：

public class MyObject
{
    public string Name;
    public string Number;
    public long Id;
    public int Code;
}

javascript 数据：

this.props.newValues = {
    Name : "John",
    Number : "1234567890",
    Id : "1234",
    Code : 1
}

javascript ajax 请求：

$.ajax({
        type: "POST",
        url: this.props.endpointurl, // Contains the endpoint
        data: this.props.newValues,

        success: function(response) {
        }.bind(this),

        error: function(err) {
        }.bind(this)
    });

以前，我将所有参数作为 MyMethod 的输入，如下所示：

[EnhancedRequireHttps]
    [HttpPost]
    public ActionResult MyMethod(string Name, string Number, long Id, int Code)
    {...}

帖子运行正常，但我正在尝试编写干净的代码，因此我创建了一个包含这些属性的类，当我这样做时，我的问题就开始了。

我尝试创建一个名为 myObject 的对象以在 js 代码中包含我的参数。 我还尝试使用 $(this.props.newValues).serialize() 或 JSON.stringify(this.props.newValues)，以及 dataType = "json" 或 contentType = "application/json"。

感谢您的阅读和帮助，我来这里是为了消除对我的情况的任何疑问。 :)

Answer 1

您需要指定 contentType 并将 json 作为字符串发送。见 cmets：

$.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8", // Try to add this
    url: this.props.endpointurl,
    data: JSON.stringify(this.props.newValues), // And this

    success: function(response) {
    }.bind(this),

    error: function(err) {
    }.bind(this)
});