jQuery Ajax를 사용하여 객체 배열을 MVC 컨트롤러에 올바르게 전달하는 방법은 무엇입니까?

jQuery Ajax를 사용하여 MVC에서 객체 배열 처리(PassThing() 메서드)

MVC 애플리케이션에서 jQuery의 ajax() 함수를 사용하여 객체 배열을 컨트롤러 메서드에 전달하는 것은 어려울 수 있습니다. PassThing() 메서드는 Thing 개체의 배열을 예상하지만 배열이 null로 전달됩니다.

문제

제공된 코드는 Thing 개체의 배열을 초기화하고 JSON.stringify()를 사용하여 이를 PassThing() 메서드에 전달하려고 시도합니다. 서버로 전송된 데이터 형식이 PassThing() 메서드에서 예상하는 형식과 일치하지 않기 때문에 오류가 발생합니다.

솔루션

이 문제를 해결하려면 JSON.stringify({ 'things': things })를 사용하여 배열을 "things" 속성이 있는 객체로 변환하세요. 이 객체 구조는 PassThing() 메서드에서 예상하는 매개 변수와 일치합니다. 다음은 수정된 jQuery 코드입니다.

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

    things = JSON.stringify({ 'things': things });

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

기타 참고사항

성공적인 데이터 전달을 보장하려면:

• ajax() 함수에 contentType 및 dataType 설정을 포함합니다.
• C# 컨트롤러에서 Thing 클래스와 해당 속성을 올바르게 정의합니다.
PassThing() 메소드의 매개변수로
• List 유형을 사용하세요.

위 내용은 jQuery Ajax를 사용하여 객체 배열을 MVC 컨트롤러에 올바르게 전달하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!