在 JavaScript 中接收 C# 枚举并通过 Ajax 将其传递给模型

Question

在我的代码中，我需要接收一个字符串，将其转换为 C# 枚举，然后将该枚举传递给我的模型。代码位于 for 循环（未显示）中。

 var thisDwm = document.getElementById("dwm_" + i).value;       

            var urlDwm = "/KnowledgeTransfer/GetDailyWeeklyMonthlyEnum";

            var response

            $.ajax({

                type: 'GET',

                url: urlDwm,

                data: { 'caseFromJS': thisDwm },

                contentType: 'application/json',

                success: function (thisResponse) {

                    response = thisResponse;

                }

            })

            model.MainResponsibilities[i].DailyWeeklyMonthly = response;

目前，ajax 命中我的 C# 控制器并返回正确的枚举。但是当我查看 JavaScript 断点时，“响应”仍未定义且未设置。如何设置对我可以传递给模型的 C# 枚举对象的响应？是否需要进行一些解析？似乎我根本没有从控制器收到任何东西。

没有帮助的一件事是类型、数据、内容类型、成功和 thisResponse 在 Chrome 中都显示为“未定义引用错误”。然而 Ajax 仍然有效，至少在其他地方，即使这些其他方法也显示此错误。

谢谢您的帮助。

编辑：下面是我的控制器方法：

public ObjectModel.Enums.DailyWeeklyMonthly GetDailyWeeklyMonthlyEnum(string caseFromJS)

        {

            switch (caseFromJS){

                case "Daily":

                    return ObjectModel.Enums.DailyWeeklyMonthly.Daily;

                case "Weekly":

                   return ObjectModel.Enums.DailyWeeklyMonthly.Weekly;

                case "Monthly":

                   return ObjectModel.Enums.DailyWeeklyMonthly.Monthly;

                case "Yearly":

                    return ObjectModel.Enums.DailyWeeklyMonthly.Yearly;

                default:

                    throw new Exception("problem with dailyWeeklyMonthly in KnowledgeTransferController");

Answer 1

使用您共享的代码，如果您在定义变量之前尝试使用该变量，您将收到 响应未定义错误response。在您共享的代码片段中，您仅在success ajax 调用的回调方法中对其进行初始化。请记住，ajax 是异步的。当 JavaScript 框架执行此行时model.MainResponsibilities[i].DailyWeeklyMonthly = response;，该行超出了成功回调范围，ajax 调用可能仍在执行/等待来自服务器的响应，这意味着没有设置任何内容response，这意味着变量response未初始化！仅在success或done回调中访问对 ajax 调用的响应。$.ajax({         type: 'GET',         url: urlDwm,         data: { 'caseFromJS': thisDwm },         contentType: 'application/json',         success: function (thisResponse) {              // safe to use thisResponse in this callback method scope              console.log(thisResponse);              // Assuming model.MainResponsibilities[i] exist              model.MainResponsibilities[i].DailyWeeklyMonthly = thisResponse;         }})