如何使用 jQuery AJAX 正确地将 JavaScript 数组传递到 MVC 控制器？

通过jQuery Ajax将数组传递到MVC控制器方法

当尝试通过jQuery的ajax()函数将对象数组发送到控制器方法时，接收到的参数可能显示为null。为了解决这个问题，我们使用JSON.stringify()实现了一个解决方案。

考虑以下场景：

<code class="language-javascript">$(document).ready(function () {
    var things = [
        { id: 1, color: 'yellow' },
        { id: 2, color: 'blue' },
        { id: 3, color: 'red' }
    ];

    $.ajax({
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        type: 'POST',
        url: '/Xhr/ThingController/PassThing',
        data: JSON.stringify({ 'things': things })
    });
});</code>

在控制器中：

<code class="language-csharp">public class ThingController : Controller
{
    public void PassThing(List<Thing> things)
    {
        // 在此处处理`things`
    }

    public class Thing
    {
        public int Id { get; set; }
        public string Color { get; set; }
    }
}</code>

此方法的关键要点：

• 必须设置contentType和dataType： 这些设置对于ajax()函数至关重要。
• 正确的JSON字符串化： 要传递对象数组，请使用JSON.stringify({ 'things': things })格式。

此方法允许通过jQuery的ajax()函数将对象数组无缝传输到MVC控制器方法。

以上是如何使用 jQuery AJAX 正确地将 JavaScript 数组传递到 MVC 控制器？的详细内容。更多信息请关注PHP中文网其他相关文章！