Ajax 기본

jquey 이용
자신의 위치는 지키면서 데이터 긁어오는것
<script src="https://code.jquery.com/jquery-3.3.1.js"></script> 

/// MAIN

입력:<input type="text" id="data"> 

<p id="demo">여기가 id demo 입니다.</p> 
<button>버튼</button> 


<script type="text/javascript"> 
$(function () { 

// 1번방식
$("button").click(function () { 
$("#demo").load("NewFile.jsp", "t1=" + $("#data").val() +"&t2=World"); 
}); 

// 2번방식
$("button").click(function () { 
$("#demo").load("NewFile.jsp", {t1:"abc",t2:"bcd"}); 
}); 

// 3번방식
$("button").click(function () { 
$("#demo").load("NewFile.html", function(data, status, xhr){ 

if(status == "success"){ 

$("#demo").append("data = " + data + "<br>"); 
$("#demo").append("status = " + status + "<br>"); 
$("#demo").append("xhr.status = " + xhr.status + "<br>"); 
$("#demo").append("xhr.statusText = " + xhr.statusText + "<br>"); 

} 
});

}); 

// 불러오기

t1=<%=request.getParameter("t1") %> 
t2=<%=request.getParameter("t2") %>

</script>