> 웹 프론트엔드 > JS 튜토리얼 > 동시에 여러 웹 양식을 제출하는 Javascript 방법_javascript 기술

동시에 여러 웹 양식을 제출하는 Javascript 방법_javascript 기술

WBOY
풀어 주다: 2016-05-16 18:55:45
원래의
1247명이 탐색했습니다.

예를 들어, 이력서 상세정보 페이지는 1. 인적사항, 2. 업무경력, 3. 프로젝트경력, 4. 기타정보 4가지 형태로 나누어져 있습니다.
일반적인 요구 사항은 사용자가 수정 작업을 위해 다음 페이지에 양식 중 하나를 제출할 수 있도록 하는 것입니다. 즉, 페이지에는 4개의 다른 수정 버튼이 있고 어떤 버튼을 클릭하면 해당 양식의 데이터만 제출됩니다. 특정 양식을 서버에 전달하고 양식의 동작에 따라).
이제 사용자가 수정 사항을 제출하기 위해 하나 이상의 양식을 선택할 수 있도록 해야 합니다. 이 경우 클라이언트 측에서 양식을 제출하는 방법은 무엇입니까?
면책 조항: 일부 사람들은 네 가지 양식을 하나의 큰 양식으로 결합할 수 있으며 다양한 수정 버튼에 따라 서버 측에서 다양한 데이터 작업을 수행할 수 있다고 말할 수 있습니다. 이는 해결 방법이지만 페이지의 데이터 양이 상대적으로 크다는 점을 고려하여 효율성을 높이고 데이터 전송량을 줄이기 위해 여러 형식으로 제출할 수 있기를 희망하므로 이 방법은 지원하지 않습니다. 당분간 고려해볼 것.
js나 ajax를 사용해야 하나요? 사용되지 않으면 어떻게 되나요?

2개 개인 보기
1 Ajax를 사용하여 프로토타입 등 제출
new Ajax.Request()
여러 호출 가능 동시에 호출하는 경우 기본값은 비동기식 제출이므로 여러 양식을 동시에 제출할 수 있습니다. 이 솔루션이 가장 간단합니다.
2 여러 iframe을 사용하고 각 양식의 대상을 다른 iframe으로 지정합니다.
그런 다음 js의
document.getElementById("form1").submit()
document.getElementById( " form2").submit();
. . .
이렇게 제출하세요.

3 두 가지 방법의 비교
Ajax는 편리하고 간단하며, 결과 처리도 더 쉽습니다. domains
iframe 일반적인 용도로 가장 적합하며 여러 도메인에 걸쳐 제출할 수도 있습니다. 반환된 결과를 처리하려면 iframe에서 부모를 사용해야 합니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿