현재 제가 시간표를 작성하는 웹을 구현하고 있습니다.

ajax를 사용하여서 form 데이터를 날린후에 DB에서 검색하여 (subTable.jsp)애서 데이터를 가지고와서 테이블을 index.jsp에 뿌려주는 형식을 사용하고 있습니다.

index.jsp에서 버튼을 눌러 검색을 하게되면 데이터는 잘 가지고오는데 subTable.jsp에 있는 script가 여러개 중복으로 생성되어 script안에 있는

데이터나 alert()문이 여러개 출력이 문제점이 있는데 일주일동안 여러가지 방법을 사용하여 해결해 보려고했지만 해결을 못해서 문의 게시판에 올립니다.

어떻게 해야지 script가 중복으로 나오지 않고 html만 갱신되어나올지 방법을 가르쳐 주셨으면 합니다.

현재 ajax를이용하여 값을 보내는 것을 jquery로 나타낸것을 보여드립니다.

$("#button").click(function() {
$('.tables *').remove();
alert("클릭");
$.ajax({
url:'subTable.jsp',
type:'post',
async:false,
dataType:'html',
data: {'keyField':$('#keyField').val(), 'keyWord':$('#keyWord').val(), 'Major':$('#Major').val() },
success: function(text){
alert(text);

$('.tables').append(text);
}
});
});