스프링 MVC 양식 용 간단한 자동 저장
-
05-09-2019 - |
문제
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>
제휴하지 않습니다 StackOverflow