문제

Spring MVC로 한 페이지 양식이 있습니다. 사용자는 먼저 등록해야하며 양식을 자동으로 저장하려면 나중에 사용자가 올 수 있도록이를 완료 할 수 있습니다. 타이머를 사용한 전통적인 양식 제출은 내가 찾고있는 것이 아닙니다. 대신, 나는 ajaxy 방법을 사용하여 각 Onfocus 이벤트에서 필드를 서버로 보내려고합니다.

이 접근법에 대한 구현 또는 의견에 대한 제안이 있습니까?

도움이 되었습니까?

해결책

나는 최근에 같은 일을했다. jQuery를 사용하고 "Ajax"기능과 함께 "Serialize"기능을 사용하여 양식 제출을 수행했습니다. 제 경우에는 이벤트 중심의 접근 방식을 사용하기보다는 직렬화 된 양식을 변수에 저장하고 새로 직렬화 된 양식이 이전에 저장된 것과 다른지 확인하기 위해 1 분에 한 번 확인했습니다.

다른 팁

당신은 또한 확인할 수 있습니다 XT Ajax 프레임 워크

나는 이것을 사용하여 해결했다 http://docs.jquery.com/ajax/serialize Jacobm이 제안한 것처럼. 그런 다음 직렬화 된 양식은 타이머로 트리거 된 Ajax 게시물로 전송됩니다.

Spring MVC에서는 AbstractController를 확장하는 매우 기본적인 컨트롤러를 만들고 요청에서 내 필드를 추출했습니다.

아래 JS 스크립트는 필드 변경을 형성 할 때 AJAX 호출을하는 데 도움이됩니다.

<script>
  $(document).ready($('.form-control').change(function() {
   $.ajax({
    type : "post",
    url : "http://localhost:8521/SpringExamples/autosave/save.htm",
    cache : false,
    data : $('#employeeForm').serialize(),
    success : function(response) {
     var obj = JSON.parse(response);
     $("#alert").text(JSON.stringify(obj));
     $("#alert").addClass("alert-success");
    },
    error : function() {
     alert('Error while request..');
    }
   });
  }));
 </script>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top