JavaScript/jQuery를 사용하여 양식 데이터를 효율적으로 추출하는 방법은 무엇입니까?

JavaScript/jQuery를 사용하여 양식 데이터 검색

질문:

유사한 방식으로 양식 데이터를 효율적으로 추출하는 방법은 무엇입니까? 고전적인 HTML 양식 제출에? 예를 들어 다음 요소가 포함된 양식이 있다고 가정해 보겠습니다.

<form>
    <input type="radio" name="foo" value="1" checked="checked" />
    <input type="radio" name="foo" value="0" />
    <input name="bar" value="xxx" />
    <select name="this">
        <option value="hi" selected="selected">Hi</option>
        <option value="ho">Ho</option>
</select>
</form>

우리는 다음 JSON 형식의 출력을 얻고 싶습니다.

{
    "foo": "1",
    "bar": "xxx",
    "this": "hi"
}

답변:

이를 달성하기 위해 $('form').serializeArray() 함수를 활용하여 다음의 배열을 생성할 수 있습니다. 각 개체가 양식 필드와 해당 값을 나타내는 개체:

[
  {"name":"foo","value":"1"},
  {"name":"bar","value":"xxx"},
  {"name":"this","value":"hi"}
]

또는 양식 데이터를 나타내는 문자열을 반환하는 $('form').serialize()를 사용할 수 있습니다.

"foo=1&bar=xxx&this=hi"

실용적인 예를 보려면 이 JSFiddle 데모를 확인하세요. [JSFiddle 데모](https://jsfiddle.net/bmmvo79d/)

위 내용은 JavaScript/jQuery를 사용하여 양식 데이터를 효율적으로 추출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!