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 중국어 웹사이트의 기타 관련 기사를 참조하세요!