如何使用 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中文網其他相關文章！