如何在ASP中使用AJAX创建模型.NET MVC 5

本文关键字：模型 创建 NET MVC AJAX ASP | 更新日期: 2023-09-27 17:57:36

目前我可以定期创建模型（通过设置配置文件/创建）

但当我试图使用AJAX发送封装在settingProfileJS对象中的数据时，它返回HTTP500内部服务器错误，我认为问题出在数据类型上。在AJAX中调用Create方法的正确方法是什么？

我的代码：

型号：

    public class SettingProfile
    {
        [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
        public int ID { get; set; }
        public string Name { get; set; }
        public long? UserId { get; set; }
        public string Url { get; set; }
    }

视图（JS）：

function saveSettingProfile() {
        var name = prompt("Please enter profile name", "");
        var url = $("form").serialize(); // Not AJAX url, its a variable in model
        var settingProfile = {
            Name: name,
            Url: url
        };
        jQuery.ajax({
            url: "@Url.Action("Create", "SettingProfile")",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            method: "POST",
            data: settingProfile
        }).done(function (response) {
            alert("Profile saved successfully");
        }).fail(function () {
            alert("Could not save profile");
        });
    }

控制器：

        [HttpPost]
        //[ValidateAntiForgeryToken]
        public ActionResult Create([Bind(Include = "Name,Url")] SettingProfile settingProfile)
        {
            settingProfile.UserId = 8; // TODO: get user id from session
            if (ModelState.IsValid)
            {
                db.SettingProfiles.Add(settingProfile);
                db.SaveChanges();
                return Json(new { success = true });
            }
            return Json(new { success = false });
        }

如何在ASP中使用AJAX创建模型.NET MVC 5

500错误意味着，您的服务器代码正在崩溃。这可能有很多原因。我注意到的一件事（可能会导致500错误）是您发送数据的方式。

您将contentType指定为"application/json"。但是你发送的是javascript对象，所以你的请求负载会像一样发送

Name=SomeNameValue&Url=SomeUrlValue使用当前的服务器代码，模型绑定器无法将其映射到SettingProfile的对象。

解决方案是发送javascript对象的字符串化版本。您可以使用JSON.stringify方法来执行此操作。

 jQuery.ajax({
                url: "@Url.Action("Create", "SettingProfile")",
                contentType: "application/json; charset=utf-8",
                method: "POST",
                data: JSON.stringify(settingProfile)
        }).done(function (response) {
            alert("Profile saved successfully");
        };

现在，您的客户端代码将发送一个请求有效载荷，如

{"Name":"SomeName","Url":"SomeUrl"}

模型绑定器将能够正确地映射它。

如果是简单的数据，您可以简单地不提及自定义contentType并按原样发送js对象。jQuery将使用默认的contentType值，即"application/x-www-form-urlencoded"，模型绑定将起作用。

所以下面的代码可以正常工作。

  jQuery.ajax({
                url: "@Url.Action("Create", "SettingProfile")",
                method: "POST",
                data:settingProfile
        })

您还可以检查浏览器的网络选项卡，并查看服务器对该ajax调用的响应。如果发生异常，您可以在那里看到详细信息。

相关文章：