Bagaimana untuk Meluluskan Susunan Objek dengan Betul kepada Pengawal MVC Menggunakan jQuery Ajax?

Menggunakan jQuery Ajax untuk Menghantar Susunan Objek kepada Pengawal MVC

Apabila menghantar tatasusunan objek kepada pengawal MVC menggunakan kaedah ajax() jQuery, parameter pengawal mungkin menerima nilai null. Artikel ini menggariskan penyelesaiannya.

Menyelesaikan Masalah Nilai Null

Masalah ini biasanya berpunca daripada pensirian data dan pengendalian jenis kandungan yang salah. Begini cara membetulkannya:

1. Menetapkan Jenis Kandungan dan Jenis Data:

   Fungsi ajax() memerlukan tetapan contentType dan dataType eksplisit:

   <code class="language-javascript">contentType: 'application/json; charset=utf-8',
   dataType: 'json',</code>

2. Siri JSON:

   Susun atur objek mesti disiri ke dalam format JSON menggunakan JSON.stringify(). Susun data seperti ini:

   <code class="language-javascript">things = JSON.stringify({ things: things });</code>

Contoh Ilustrasi

Contoh ini menunjukkan cara untuk berjaya melepasi tatasusunan objek:

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

    const data = JSON.stringify({ things: things });

    $.ajax({
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        type: 'POST',
        url: '/Home/PassThings',
        data: data,
        success: function() {
            $('#result').html('"PassThings()" successfully executed.');
        },
        error: function(response) {
            $('#result').html(response.responseText); // Display error details
        }
    });
});</code>

Kaedah Pengawal Sepadan (Contoh C#):

<code class="language-csharp">public void PassThings(List<Thing> things)
{
    // Process the 'things' list here
}</code>

Ingat untuk menggantikan /Home/PassThings dengan pengawal dan tindakan sebenar anda. Menggunakan error bukannya failure memberikan pengendalian ralat yang lebih bermaklumat. Pendekatan yang disemak ini memastikan penghantaran data yang betul dan menghalang isu nilai null.

Atas ialah kandungan terperinci Bagaimana untuk Meluluskan Susunan Objek dengan Betul kepada Pengawal MVC Menggunakan jQuery Ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!