jQuery를 사용하여 양식 데이터를 JavaScript 개체로 쉽게 변환하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

jQuery를 사용하여 양식 데이터를 JavaScript 개체로 쉽게 변환하는 방법은 무엇입니까?

Linda Hamilton

풀어 주다： 2025-01-03 01:20:38

원래의

639명이 탐색했습니다.

How to Easily Convert Form Data into a JavaScript Object using jQuery?

jQuery를 사용하여 양식 데이터를 JavaScript 개체로 변환하는 방법

편의를 위해 양식에서 JavaScript 개체를 자동으로 빌드할 수 있습니다. 각 요소를 반복하지 않고. jQuery의 serializeArray 메소드를 활용하면 효과적인 솔루션이 제공되지만 원하는 객체 형식을 얻으려면 약간의 처리가 필요합니다.

해결책:

serializeArray 메소드는 각 양식을 나타내는 객체 배열을 반환합니다. 요소. 이를 객체로 변환하려면 다음 함수를 활용하세요.

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

로그인 후 복사

예를 들어 양식 요소가 주어지면:

1 2	`<input type="text"` `name="name"` `value="John">` `<input type="email"` `name="email"` `value="john@example.com">`

로그인 후 복사

코드는 객체를 생성합니다:

{
    name: "John",
    email: "john@example.com"
}

로그인 후 복사

참고: 실제 입력과 이름이 같은 숨겨진 필드는 값을 덮어쓸 수 있으므로 주의하세요. 개체에 있습니다.

위 내용은 jQuery를 사용하여 양식 데이터를 JavaScript 개체로 쉽게 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!