01. [jQuery] ajax 결과값 전역변수에 저장하기

ajax를 사용하다 보면 success 부분에 원하는 데로 프로그램이 동작했을 때 전역 변수에 데이터를 담고 싶을 때가 있다.

ajax 기본 사용법으로 success 부분에서 전역 변수에 데이터를 넣으려고 하면 전역 변수에 데이터 저장이 안 된다.

 

저장이 안 되는 예

let newsListCnt = 0;

// 함수호출
loadNews(newsListCnt);


function loadNews(newsCnt) {
	$.ajax({
    	type:'POST',
        url:'./getNews.php',
        data:{newsCnt: newsCnt},
        dataType: 'json',
        success: function(data){
        	newsListCnt = data.listCnt;
        }
    });
}

 

 

ajax는 비동기 방식이다. async 값을 false로 지정해 동기식으로 변경해주지 않으면 변수가 데이터가 저장되지 않는다.

async값을 false로 지정해주면 전역 변수에 데이터를 저장할 수 있다.

 

 

저장되는 예

let newsListCnt = 0;

// 함수호출
loadNews(newsListCnt);


function loadNews(newsCnt) {
	$.ajax({
    	type:'POST',
        url:'./getNews.php',
        data:{newsCnt: newsCnt},
        dataType: 'json',
        async: false,
        success: function(data){
        	newsListCnt = data.listCnt;
        }
    });
}