jQuery를 사용하여 양식 데이터를 JavaScript 개체로 효율적으로 변환하려면 어떻게 해야 합니까?

jQuery를 사용하여 양식 세부정보를 JavaScript 개체로 전송

양식 데이터에서 JavaScript 개체 생성을 단순화하려는 과정에서 다음과 같은 질문이 생깁니다. 각 요소를 수동으로 반복할 필요 없이 이를 달성하려면?

다음에 대한 쿼리 지원

$('#formid').serialize()와 같은 문자열 출력이나 $('#formid').serializeArray()와 같은 맵을 사용하지 않고 자동화된 구성 방법이 있습니까? 양식의 개체?

솔루션 공개

jQuery의 serializeArray() 함수는 원하는 기능을 제공합니다. 이는 각각 양식 요소를 나타내는 객체 배열을 반환합니다. 이를 JavaScript 객체로 변환하려면:

function objectifyForm(formArray) {
    //serialize data function
    var returnArray = {};
    for (var i = 0; i < formArray.length; i++){
        returnArray[formArray[i]['name']] = formArray[i]['value'];
    }
    return returnArray;
}

이 함수는 formArray의 각 요소를 평가하여 이름 및 값 속성을 추출하여 해당 JavaScript 객체를 생성합니다. 표시된 입력 항목과 이름을 공유하는 숨겨진 필드로 인해 덮어쓰기가 발생할 수 있으므로 동일한 이름을 가진 숨겨진 요소를 사용할 때는 주의하세요.

위 내용은 jQuery를 사용하여 양식 데이터를 JavaScript 개체로 효율적으로 변환하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!