C# MVC 4：将视图中的 JavaScript 数组传递给控制器

Java

使用C# MVC 4时，有时我们需要将视图中的JavaScript数组传递给控制器。这种情况经常发生在需要从前端收集数据并在后端进行处理的情况下。在本文中，我们将介绍如何实现这个功能，并通过一个案例代码来进行说明。

首先，在视图中，我们可以使用JavaScript来创建一个数组，并将其传递给控制器。在这个案例中，我们假设我们有一个表单，其中包含一个文本框和一个按钮。用户可以通过文本框输入一些数据，并通过按钮将这些数据添加到数组中。以下是一个简单的HTML代码示例：

html
<!DOCTYPE html>
<html>
<head>
    <Meta charset="utf-8" />
    <title>将JavaScript数组传递给控制器</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.JS"></script>
    <script>
        var myArray = [];
        $(document).ready(function () {
            $("#addButton").click(function () {
                var data = $("#inputText").val();
                myArray.push(data);
                $("#inputText").val("");
            });
            $("#submitButton").click(function () {
                $.Ajax({
                    url: "/Home/ProcessArray",
                    type: "POST",
                    data: { array: myArray },
                    success: function (result) {
                        alert("数据已成功传递给控制器！");
                    }
                });
            });
        });
    </script>
</head>
<body>
    <input type="text" id="inputText" />
    <button id="addButton">添加到数组</button>
    <br /><br />
    <button id="submitButton">提交数组</button>
</body>
</html>

在这段代码中，我们使用了jQuery库来简化操作。首先，我们创建了一个空数组myArray。然后，在页面加载完成后，我们为"添加到数组"按钮添加了一个点击事件处理程序。当用户点击该按钮时，我们获取文本框中的值，并将其添加到数组中。之后，我们通过Ajax请求将数组传递给控制器的ProcessArray动作方法。请求的URL是/Home/ProcessArray，这取决于你的控制器和动作方法的配置。

在控制器中处理数组

现在，让我们来看一下如何在控制器中接收并处理这个数组。以下是一个简单的控制器代码示例：

csharp
using System.Web.Mvc;
namespace YourNamespace.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
        [HttpPost]
        public ActionResult ProcessArray(string[] array)
        {
            // 在这里处理数组
            // ...
            return Content("数据已成功处理！");
        }
    }
}

在这个例子中，我们创建了一个名为HomeController的控制器，并添加了一个名为ProcessArray的动作方法。该方法被标记为[HttpPost]，表示它只处理POST请求。该方法接收一个名为array的字符串数组参数，正是我们在视图中通过Ajax请求传递的数组。

你可以在ProcessArray方法中执行你需要的操作，例如对数组进行处理、保存到数据库或者返回处理结果。在本例中，我们简单地返回了一个内容为"数据已成功处理！"的文本。

通过以上的例子，我们学习了如何在C# MVC 4中将视图中的JavaScript数组传递给控制器。我们通过使用Ajax请求和控制器的动作方法，实现了将数据从前端传递到后端的功能。这种方法可以帮助我们在处理表单数据等场景中更方便地进行操作。

希望本文对你有所帮助！