2011-03-02 10 views
0

현재 애플리케이션을 만들고 있는데 AJAX 기능을 추가하고 싶지만 내가 원하는 것을 찾을 수없는 것 같습니다!인 페이지 아약스 양식

모든 것을 한 페이지에 유지하려고 노력하고 있습니다.

예를 들어, JQUERY -> servlet을 통해 표시되는 페이지의 왼쪽 아래에 제품의 자동 생성 목록이 이미 있습니다.

사용자가 제품을 클릭하면 서블릿에 제출하는 양식이있는 html 페이지로 전달됩니다 (이 코드는 작성하지 않았지만 그 방법도 알고 있습니다).

하지만 내가 원하는 것은 사용자가 제품을 클릭하면 양식이 페이지의 지정된 div에로드되며 사용자가 페이지를 채우고 페이지를 떠나지 않고 서블릿에 제출할 수 있습니다.

JSP 페이지를 코딩 한 다음 기본 JSP 페이지로 푸는 것이 더 좋을까요? 또는 jquery에 양식을 작성 하시겠습니까?

누구나 올바른 방향으로 나를 가리킬 수 있습니까?

답변

0

jQuery-ui 대화 상자, 유효성 검사 플러그인 및 양식 플러그인을 살펴보십시오. 이것들은 유효성 검사를 통해 훌륭한 다이얼로그 기반 아약스 양식을 생성하는 데 필요한 모든 것이어야합니다.

파일을 업로드해야하는 경우 uploadify 플러그인이 양식 데이터가 포함 된 파일을 제출할 때 유용하다는 사실을 발견했습니다.

+0

좋아 보인다. 만약 내가 그냥 준비된 JSP 폼을 가져온다면 더 쉬울 까? 나는 그 일을하는 법을 배워야 할 것이 아니거나, 단점이 있습니까? – Lunar

+0

jspery의 관점에서 볼 때 jsp에 익숙하지 않습니다. –

0

미래를 염두에두고 양식을 자체 JSP로 작성하고 jQuery를 통해 가져 오면 양식을 쉽게 편집 할 수 있으며 다음 개발자를 쉽게 찾을 수 있습니다. jQuery (또는 JS 전체)에 내장 된 양식을 유지 관리하는 것은 재미 있지 않습니다.

0

jQuery 플러그인의 모달 대화 상자 유형을 사용하여 설명 할 수 있다고 생각합니다. 거기에는 여러 가지가 있지만 jQuery UI의 대화 상자 위젯 (link)을 보면 기본적인 것을 볼 수 있습니다.

더 나은 것은 Eric Martin의 simplemodal입니다. 모달에 양식을 표시 한 다음 사용자가 모달을 백엔드 서버에 제출하도록 할 수 있습니다.

.NET 프로그래밍을 더 많이 다루지 만,이 플러그 인을 모달 형식으로 사용하여 백 엔드 서비스에 제출합니다. 일반적으로 양식을 별도의 HTML 페이지로 추출한 다음 양식을 동적으로로드합니다. 내 자바 스크립트를 마크 업에서 자유롭게 유지하고 자바 스크립트 파일을 실제로 파고 들지 않으면 서 내 모달 템플릿을 변경할 수 있습니다.