JSP 내 비동기 처리 방법

   <form  method="post" id="contactForm">

일단 보낼 form에 아이디를 등록하고

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

head 태그 안에 제이쿼리넣고

$(document).ready(function() {
	  $('#contactForm').submit(function(event) {
	    event.preventDefault(); 

	    $.ajax({
	      type: 'POST',
	      url: '보낼주소값',
	      data: $(this).serialize(),
	      success: function(response) {
	        var trimmedResponse = response.trim(); // 공백 제거
	        if (trimmedResponse === 'success') {
	          alert('문의가 등록되었습니다. 확인 후 답변드리겠습니다.');
	    
	        } else if (trimmedResponse === 'failure') {
	          alert('시스템 오류입니다.');
	        }
	      },
	      error: function(xhr, status, error) {
	        console.error(error);
	        alert('오류가 발생했습니다.');
	      }
	    });
	  });
	});

머 이렇게 jsp 파일에 스크립트 넣어주고

 

보낼 action.jsp에서

 if (result > 0) {
    	if (ps != null) ps.close();
        if (con != null) con.close();
        out.println("success");
  
    } else {
    	if (ps != null) ps.close();
        if (con != null) con.close();
        out.println("failure");

이렇게 찍어주면됨

 

 

스크립트에 trim을 넣은 이유는..

공백이 같이 넘어오기 때문