HTML5 양식 제출 처리

마지막 업데이트: 2025년 5월 5일
  • 적용 대상:
  • Experience Manager 6.4
  • Experience Manager 6.5
  • 주제:

작성 대상:

  • 경험
  • 개발자

HTML5 forms는 AEM에서 호스팅하는 서블릿에 제출할 수 있습니다. 제출된 데이터는 서블릿에서 입력 스트림으로 액세스할 수 있습니다. HTML5 양식을 제출하려면 AEM Forms Designer을 사용하여 양식 템플릿에 "HTTP 제출 단추"를 추가합니다.

제출 핸들러 만들기

간단한 서블릿은 HTML5 양식 제출을 처리할 수 있습니다. 다음 코드 조각을 사용하여 제출된 데이터를 추출합니다. 이 자습서에서 제공한 서블릿을(를) 다운로드합니다. 패키지 관리자를 사용하여 서블릿을(를) 설치합니다.

StringBuffer stringBuffer = new StringBuffer();
String line = null;
java.io.InputStreamReader isReader = new java.io.InputStreamReader(request.getInputStream(), "UTF-8");
java.io.BufferedReader reader = new java.io.BufferedReader(isReader);
while ((line = reader.readLine()) != null) {
    stringBuffer.append(line);
}
System.out.println("The submitted form data is " + stringBuffer.toString());

코드를 사용하여 J2EE 프로세스를 호출하려는 경우 Adobe LiveCycle Client SDK 구성을 구성했는지 확인하십시오.

HTML5 양식의 제출 URL 구성

URL 제출

  • xdp를 열고 속성->고급 ​으로 이동합니다.
  • http://localhost:4502/content/AemFormsSamples/handlehml5formsubmission.html 을 복사하여 제출 URL 텍스트 필드에 붙여넣습니다.
  • SaveAndClose 단추를 클릭합니다.

제외 경로에 항목 추가

  • configMgr​(으)로 이동합니다.
  • Adobe Granite CSRF 필터 ​를 검색합니다.
  • 제외된 경로 섹션에 /content/AemFormsSamples/handlehml5formsubmission 항목을 추가합니다.
  • 변경 사항을 저장합니다.

양식 테스트

  • xdp 템플릿을 엽니다.
  • 미리 보기->HTML으로 미리 보기를 클릭합니다.
  • 양식에 데이터를 입력하고 제출을 클릭합니다.
  • 서버의 stdout.log 파일에서 제출된 데이터를 확인합니다.

추가 읽기

HTML5 양식 제출을 통해 PDF를 생성하는 방법에 대한 자세한 내용은 이 문서를 참조하십시오.

recommendation-more-help