[jQuery] ajax를 이용한 Controller로 값 전달

ajax JavaScript -> Controller로 값 전달

//JSON형식으로 전달
console.log(responseData);
var year = dataCodeCaption.substring(dataCodeCaption.lastIndexOf(' ') + 1);
var data = {};
data["filterId"] = filterId;
data["year"] = year.substring(0, year.lastIndexOf('-'));
			
$('.filter').click(function(){
	$.ajax({
		type:'POST',
		url:'/sample/data',
		data:JSON.stringify(data),
		success : function(data){
			console.log("good..!"); 
		}
	});
});
			
$('.dataSample .tab li').click(function(){
	$.ajax({
		type:'POST',
		url:'/sample/sampleJson',
		data:JSON.stringify(data),
		success : function(data){
			console.log("good..!"); 
		}
	});
});

// Map형식으로 전달
console.log(responseData);
var year = dataCodeCaption.substring(dataCodeCaption.lastIndexOf(' ') + 1);
						
$('.filter').click(function(){
	$.ajax({
		type:'POST',
		url:'/sample/data',
		data : {
			mapFilterId : filterId
		},
		success : function(data){
			console.log("good..!"); 
		}
	});
});
			
$('.dataSample .tab li').click(function(){
	$.ajax({
		type:'POST',
		url:'/sample/dataJson',
		data : {
			year : year.substring(0, year.lastIndexOf('-'))
		},
		success : function(data){
			console.log("good..!"); 
		}
	});
});

 

DOM 변화 감지

let observer = new MutationObserver(() => {
    // 실행할 소스
});
let option = {
    attributes: true,
    childList: true,
    characterData: true,
    subtree: true
};
observer.observe(document.querySelector('#totalProducts'), option);