> 웹 프론트엔드 > 프런트엔드 Q&A > 양식 양식과 Ajax 제출의 차이점은 무엇입니까?

양식 양식과 Ajax 제출의 차이점은 무엇입니까?

青灯夜游
풀어 주다: 2022-01-13 18:00:33
원래의
5921명이 탐색했습니다.

차이점: 1. Ajax 제출은 비동기식으로 수행되며 웹페이지는 새로 고칠 필요가 없지만 양식 제출은 새로 고쳐야 합니다. 2. Ajax는 js로 구현되어야 하지만 양식 양식은 필요하지 않습니다. Ajax는 프로그램을 사용하여 실행되어야 합니다. 데이터 처리 및 양식 제출은 양식 구조를 기반으로 자동으로 완료되므로 코드 개입이 필요하지 않습니다.

양식 양식과 Ajax 제출의 차이점은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

양식 제출과 Ajax 제출의 차이점

1. 사용 시나리오:

보안은 동일하며 둘 다 http 프로토콜을 사용하여 전송됩니다. 보안은 제출된 파일의 업무 처리(형식 감지, 주입 방지)와 관련이 있으며 제출 방법과는 아무런 관련이 없습니다.

일반적으로 양식을 사용하여 로그인을 제출하면 제출 이벤트가 트리거되어 일반적으로 페이지 점프 및 기타 동작에 대한 제어가 백엔드에서 이루어지며 백엔드는 페이지 점프 및 기타 동작을 제어합니다. 데이터 전송; 그러나 일부 페이지 점프를 원하지 않거나 프론트 엔드에 제어권을 두고 js를 사용하여 페이지 점프 또는 데이터 변경을 수행하려는 경우가 있습니다. 일반적으로 ajax는 이러한 비동기 작업에 사용됩니다.

그러나 Ajax에는 숨겨진 문제가 있습니다. 즉, 브라우저는 사용자 습관에 맞지 않는 비밀번호를 저장하지 않습니다. 이상적인 방법은 숨겨진 iframe을 만들고 양식 태그의 대상을 iframe으로 지정한 다음 iframe의 상태를 감지하는 것입니다.

2. 비교:

(1) Ajax는 제출, ​​요청, 수신 시 비동기적으로 수행되며 페이지의 일부만 새로 고칠 필요가 없습니다. 페이지의 다른 부분의 내용.

양식 제출은 새 페이지를 생성하는 것입니다. 자체 페이지에 제출하더라도 양식에 대한 페이지 사용자의 상태 변경을 유지하려면 컨트롤러와 페이지 간에 더 많은 매개변수를 전달해야 합니다. 페이지 상태를 유지하기 위한 템플릿입니다.

(2) ajax가 제출되면 백그라운드에서 새로운 요청이 생성됩니다.

양식에서 이 페이지를 종료한 후 다시 요청합니다.

(3) Ajax는 반드시 js로 구현해야 하기 때문에 디버깅 문제 및 브라우저 호환성 문제가 발생하며, js를 활성화하지 않은 브라우저에서는 작업을 완료할 수 없습니다.

양식 양식은 js 활성화 여부에 관계없이 브라우저와 함께 제공됩니다.

(4) Ajax를 제출하고 요청하고 수신할 때 전 과정에서 데이터를 처리하는 프로그램을 사용해야 합니다.

양식 제출은 양식 구조에 따라 자동으로 완료되며 코드 개입이 필요하지 않습니다. 제출로 제출하세요.

3. 기타 측면:

입력 내용 확인과 관련하여 ajax는 프로그램을 사용하여 easyui에 캡슐화된 양식 양식 속성에 확인 필드가 있습니다. jeecg 등이 있으며 사용자에게는 정규식 확인 규칙만 추가하면 됩니다.

【관련 튜토리얼 추천: AJAX 동영상 튜토리얼

위 내용은 양식 양식과 Ajax 제출의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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