Ajax 请求（Ajax 和 ASP.NET Core MVC）

Question

我正在尝试向方法发送Ajax请求，但请求始终为空，下面是我的代码： Ajax请求，请求成功到达C#方法但对象始终为null。

 $(document).ready(function () {
        $("#SubmitProduct").click(function () {
            var ProductName = $("#ProductName").val();
            var ProductPrice = $("#ProductPrice").val();
            var Category = $("#Categories").val();
            var Data = { ProductName: ProductName, ProductPricd: ProductPrice, Category: Category };
            //console.log("product name: " + ProductName);
            //console.log("Product Price: " + ProductPrice);
            //console.log("Category : " + Category);
            //console.log("data : " + Data.ProductName);
            //The above log are logging data successfully.
            $.ajax({
                type: "POST",
                url: "/Products/SubmitProduct",
                contentType: "application/json",
                cache: false,
                data: JSON.stringify(Data),
                success: function (data)
                {
                    alert("Success");
                },
                error: function (data)
                {
                    console.log(data);
                },
                complete: function () {
            
                }

            });
        });
    });

下面的日志显示了结果并且很好（参数具有预期的值）。

    //console.log("product name: " + ProductName);
            //console.log("Product Price: " + ProductPrice);
            //console.log("Category : " + Category);
            //console.log("data : " + Data.ProductName);

以下是C#方法：

  [HttpPost]
        public async Task <IActionResult> SubmitProduct([FromBody] Products product)
        {
            return Content("OK");
        }

以下是产品类别：

[Table("Products")]
    public class Products
    {
        [Key]
        public Guid ProductId { get; set; }

        [Column(TypeName ="varchar(25)")]
        [Required(ErrorMessage ="Product Name is required..")]
        [StringLength(25, MinimumLength = 2, ErrorMessage = "Product name must be between 2 and 25 characters...")]
        public string ProductName { get; set; }

        [Required(ErrorMessage ="ProductName price is required...")]
        [Range(0.001,1000000.000,ErrorMessage = "Price should be between 0.01 and 1000000.000")]
        [Column(TypeName="decimal(10,3)")]
        public decimal ProductPricd { get; set; }

        [Required(ErrorMessage = "Product Image is required...")]
        [NotMapped]
        public IFormFile ProductImage { get; set; }


        [Required(ErrorMessage = "Image Name is required...")]
        [StringLength(50, MinimumLength = 3, ErrorMessage = "Image Name must be between 3 and 50")]
        [Column(TypeName = "varchar(100)")]
        public string ImageName { get; set; }

        [ForeignKey("CategoryId")]
        [Required]
        public ProductsCategories Category { get; set; }


        [ForeignKey("UserId")]
        [Required]
        public string UserId { get; set; }

        // Navigation property
        public ApplicationUsers User { get; set; }


        [Column(TypeName ="varchar(3)")]
        public string IsDeleted { get; set; } = "0";


    }

请求成功到达方法，但对象为空，有什么帮助吗？

我尝试了下面的ajax，但对象也是空的

$.ajax({
    type: "POST",
    url: "/Products/SubmitProduct",
    contentType: "application/json",
    data: JSON.stringify({
        ProductId: "some-guid-value",
        ProductName: "Product Name",
        ProductPrice: 10.99,
        // Other properties here
    }),
    success: function (data) {
        alert("Success");
    },
    error: function (data) {
        console.log("Error: " + data.status + " - " + data.responseText);
    }
});

Answer 1

我在我这边重现了你的问题。

恐怕这与我们使用的模型有关，所以我创建了一个对我有用的测试模型。

这也有效。

然后我尝试了这个模型，你可以看到我们再次得到了 null。

在您的代码片段中，您有

var Category = $("#Categories").val();

，看起来

Category

是一个字符串，但您将此属性定义为另一个模型。恐怕您必须检查 ajax 请求中设置的所有值。