ajax를 이용해 부분화면 새로고침

ajax를 이용해 부분화면 새로고침

라이브러리 선언

• jstl

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

• ajax

<script src="jquery-2.1.3.js"></script>

 

html화면 작성(테스트용)

<div class="replyarea">새로고침 화면</div>

<input type="button" onclick="fn_reply()"value="새로고침">

script화면 작성(테스트용)

function fn_reply_del(test) {
    var result = confirm("작동한다"+replySeq);
		
    if(result){
        $.ajax({
            type : 'post',
            url : '가야하는 자바 컨트롤러',
            data : formData,
            processData : false,
            contentType : false,
            async:false,
            dataType:"text",
            success : function(data){
                if(data == "ok"){
                    alert("정상작동했다.");
                    //이부분때문에 새로고침
                    $(".replyarea").load(location.href + " .replyarea");
                }else 
                    alert("이상발생");
                }
            }
        })
    }
}

java컨트롤러

@RequestMapping(value = "와야하는 컨트롤러", method = RequestMethod.POST)
    @ResponseBody
    public String qnaReplyDelete(@RequestParam Map<String, Object> map, ModelMap model) throws Exception {
        System.out.println("map = " + map.get("community_seq"));
        String msg="ng";
        if(qnaReplyDelete > 0) {
            msg = "ok";
        }
        System.out.println("돌아간다 = " + msg);
        return msg;
    }