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 中国語 Web サイトの他の関連記事を参照してください。