>  기사  >  웹 프론트엔드  >  Javascript_javascript 기술을 사용하여 동시에 여러 웹 양식을 제출하는 방법

Javascript_javascript 기술을 사용하여 동시에 여러 웹 양식을 제출하는 방법

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

2개 개인 보기
1 Ajax를 사용하여 프로토타입
new Ajax.Request("/do1",{parameters:$("form1") 등 제출. 직렬화( ).....);

new Ajax.Request("/do2",{매개변수:$("form2").serialize().....); 🎜>동시에 여러 개를 호출할 수 있습니다. 기본값은 비동기식 제출이므로 동시에 여러 양식을 제출할 수 있습니다.

2 여러 iframe을 사용한 다음 각 양식의 대상을 다른 iframe으로 지정합니다.
그런 다음 js의
document.getElementById("form1").submit();을 사용합니다. getElementById("form2").submit()
. . .
이렇게 제출하세요.



3 두 가지 방법의 비교

Ajax는 편리하고 간단하며, 결과 처리도 더 쉽게 해줬지만 그렇지 않습니다. 여러 도메인에 걸쳐 제출iframe은 일반적인 용도로 가장 적합하며, 반환된 결과를 처리하는 것이 좀 더 번거롭습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.