웹 양식 데이터를 빠르게 추출하는 jquery 선택기 example_jquery

나는 비교적 게으른 편이다. 웹 작업을 할 때, 같은 일을 여러 번 반복해야 할 때, 시간과 노력을 절약할 수 있는 방법을 찾고 싶다.

기존에는 웹에서 양식을 제출하고 사용자 입력을 확인해야 할 때 사용자 입력 정보를 추출할 때 js에서 document.getElementById()를 사용했습니다. 이렇게 하면 양식 필드가 한두 개면 괜찮습니다. (여러가지 상황을 겪어봤습니다.) 보기에 눈부셔서 개인적으로 이 방법이 혐오스럽긴 했지만, 다행히 직접 생각해보니 jquery를 사용해서 편리한 방법을 찾았습니다.

데이터를 제출해야 하는 각 양식 필드에 추가 속성을 추가하고 원래 이름 속성을 그런 다음 쿼리를 사용하여 _postField 속성이 있는 모든 DOM 객체를 획득하고 이를 순회한 다음 _postField 값으로 캡슐화합니다. 콘텐츠는 json 키-값 값 쌍이며 해당 js 메서드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다:

테스트 코드:

코드 복사 코드는 다음과 같습니다.

<입력 유형 ="radio" value="남성" name="sex" _postField ="sex" />남성
여성
중립



< option value="출근">출근
무엇 없음






<script> <br>function test(){ <br>var postData = getFormField(" _postField"); <br><br> var sb = []; <br>for(var o in postData){ <br>sb.push(o "=" postData[o]); <br>} <br>alert(sb.join("n" )); <br>} <br></script>

위의 예는 상대적으로 형식이 적습니다. 필드 및 일부 사항은 반영되지 않지만 양식 필드 수를 비교할 때 편의성과 더 나은 재사용성을 반영할 수 있습니다. 또한 jquery를 사용하여 비동기적으로 제출하면 json 데이터를 캡슐화하는 수동 작업도 저장됩니다. . 어떤 사람들은 "_postField"와 같은 사용자 정의 필드를 양식 필드에 추가하고 싶지 않아 기존 이름만 사용할 수도 있습니다. 이는 단지 jquery 선택기의 용도가 다를 뿐 본질은 여전히 ​​동일합니다.