javascript-ASP.NET MVC 5-模型绑定不起作用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-ASP.NET MVC 5-模型绑定不起作用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2224字，纯文字阅读大概需要4分钟。

内容图文

我在将HTTP POST请求的主体中的传入JSON数据绑定到C#模型时遇到麻烦.

这是我的前端JavaScript代码：

let jsonData = "{\"Updates\":[{\"CarrierStateMapGuid\":\"de4abaa8-42d2-4e00-657a08d5577ac94a\",\"QuestionTag\":\"CoQstPAVT500006\",\"MemberOf\":\"Quote\",\"Condition\":\"0\",\"QuestionType\":\"List\",\"TrueAnswer\":\"NoDiscount\",\"TrueExplanation\":\"No Discount\",\"FalseAnswer\":null,\"FalseExplanation\":null,\"DeleteRequest\":false}]}";
$.ajax({
    url: "/api/CarrierQuestionMappingApi/UpdateQuestionMaps",
    type: "POST",
    contentType: "application/json; charset=utf-8",
    data: jsonData
});

这是我的C#模型：

public class UpdateCarrierQuestionMapsWebRequests
{
    public UpdateCarrierQuestionMapsWebRequest[] Updates { get; set; }

    public class UpdateCarrierQuestionMapsWebRequest
    {
        public string CarrierStateMapGuid { get; set; }
        public string QuestionTag { get; set; }
        public string MemberOf { get; set; }
        public string Condition { get; set; }
        public string QuestionType { get; set; }
        public string TrueAnswer { get; set; }
        public string TrueExplanation { get; set; }
        public string FalseAnswer { get; set; }
        public string FalseExplanation { get; set; }
        public bool DeleteRequest { get; set; }
    }
}

这是我的后端C#控制器代码：

[HttpPost]
[Route("api/[controller]/UpdateQuestionMaps")]
public HttpResponseMessage UpdateQuestionMaps(UpdateCarrierQuestionMapsWebRequests request)
{
     // request.Updates is null
}

我无法弄清楚为什么request.Updates为null且未由模型绑定程序设置.

解决方法:

该问题与AJAX和ASP.NET MVC有关. MVC不喜欢来自AJAX的任何序列化.当您传递AJAX对象时,它将手动对其进行序列化,并且MVC希望以AJAX对其进行序列化的方式对其进行反序列化.因此,任何手动序列化都会破坏此过程.在上面的方法中,您将得到一个编码字符串.但是,如果将AJAX调用更改为：

let jsonData = "[{\"CarrierStateMapGuid\":\"de4abaa8-42d2-4e00-657a08d5577ac94a\",\"QuestionTag\":\"CoQstPAVT500006\",\"MemberOf\":\"Quote\",\"Condition\":\"0\",\"QuestionType\":\"List\",\"TrueAnswer\":\"NoDiscount\",\"TrueExplanation\":\"No Discount\",\"FalseAnswer\":null,\"FalseExplanation\":null,\"DeleteRequest\":false}]";
$.ajax({
    url: "/api/CarrierQuestionMappingApi/UpdateQuestionMaps",
    type: "POST",
    contentType: "application/json; charset=utf-8",
    data: {
         Updates: jsonData
    }
});

数据将作为表单数据发送并在控制器上正确序列化.

内容总结

以上是互联网集市为您收集整理的javascript-ASP.NET MVC 5-模型绑定不起作用全部内容，希望文章能够帮你解决javascript-ASP.NET MVC 5-模型绑定不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端