在 ASP.Net MVC 5 中将 javascript 数组从视图传递到控制器答案

【问题标题】：Passing javascript array from view to controller in ASP.Net MVC 5在 ASP.Net MVC 5 中将 javascript 数组从视图传递到控制器
【发布时间】：2020-06-10 02:26:04
【问题描述】：

我正在将数据从视图传递到控制器以发布到数据库，我正在使用实体框架的数据库优先方法，因此模型设置正常，我有一个空数组var formArray = [];。来自输入字段的数据被捕获为

var OPDNo = $('[name= OPDNo]').val();
var Re = $('[name= re]').val();
var Le = $('[name= le]').val();

在我看来，我有输入变量，我已将它们放入 formData{} 作为

var formData = {
'OPDNo': OPDNo,
'VAFRE': Re,
'VAFLE': Le
};

OPDNo、Re、Le 都是输入字段。我正在使用 Ajax 传递数据，如下所示：

if (formData != null) {
                $.ajax({

                    url: '/EMR/SaveVisionScreening',
                    type: 'POST',
                    dataType: 'json',
                    contentType: 'application/json',
                    data: JSON.stringify({ formArray: formData, selectValues: selectValues }),
                    success: function () {
                        showNotification("Record Saved Successfully", "info", true);

                    }
                });
            }

在我的控制器中，

[HttpPost]
        public void SaveVisionScreening(string formArray, string [] selectValues)
        {
//Code...

         }

当我调试时，控制器在 string formArray 上返回一个空值，我也设置了 ***traditional: true ** 但它仍然是空值。我在这里检查了一些解决方案，但它并没有帮助我解决它。

【问题讨论】：

SaveVisionScreening(string OPDNo,string Re,string Le) 将此作为单个参数传递，并在 ajax 函数中进行更改
请给我一个 sn-p 代码作为您的建议
我传递了很多数据，超过 30 个，这就是我选择数组的原因
ok 然后 SaveVisionScreening(string [] formArray, string [] selectValues) 试试这个 string []
@Pravin 我已更改以适合您的建议，但它返回任何值，它仍然为空

标签： javascript c# asp.net asp.net-mvc-5

【解决方案1】：

您可以创建一个代表您的输入的类，而不必有两个输入参数。例如，您可以像这样创建一个类：

 public class FormData
 {
    public string OPDNo { get; set; }

    public string VAFRE { get; set; }

    public string VAFLE { get; set; }

    public string[] selectValues { get; set; }
 }

然后像这样修改你的JS代码：

        var selectValues = [];
        selectValues.push('item1');
        selectValues.push('item2');

        var formData = {
            OPDNo: 'OPDNo',
            VAFRE: 'Re',
            VAFLE: 'Le',
            selectValues: selectValues
        };

        $.ajax({

            url: '/home/SaveVisionScreening',
            type: 'POST',
            dataType: 'json',
            contentType: 'application/json',
            data: JSON.stringify(formData),
            success: function () {
                showNotification("Record Saved Successfully", "info", true);

            }
        });

然后你的控制器方法是这样的：

   [HttpPost]
    public void SaveVisionScreening(FormData formData)
    {


    }

查看以下结果：

【讨论】：

感谢您的建议，尽管我应该提到我在实体框架中使用数据库优先方法
那与你的问题没有任何关系。也许你应该让我知道你为什么在这里谈论实体框架，因为你的问题是'如何将 javascript 数组从视图传递到控制器

【解决方案2】：

我终于找到了出路，谢谢大家，我遇到了挑战，我做了更多的搜索，我找到了这个method，我认为分享很重要，所以就这样做了

对于我来说，我有

var formData = {
'OPDNo': OPDNo,
'VAFRE': Re,
'VAFLE': Le
};

声明一个变量来保存json形式的对象数据

var jsonData = JSON.stringify(formData);

通过执行以下操作使用 Ajax 处理数据：

 $.ajax({
     url: '/EMR/SaveVisionScreening',
     type: 'POST',
     dataType: 'JSON',
     contentType: 'application/json',
     data: { dataPost:jsonData, select}
     success: function () {
     showNotification("Record Saved Successfully", "info",true);

     }
  });

在您的控制器中，执行此操作

[HttPost]
public ActionResult SaveVisionScreening( string dataPost, string [] selectValues)
{
//Your code for deserializing the json objects goes here and saving data

}

很高兴知道传递的数据现在是 json 对象而不是数组，因此您应该使用 字符串数据类型

【讨论】：