Happy things are always here! ꔷ̑◡ꔷ̑

Ajax로 데이터를 받아와 화면에 뿌리는 데는 시간이 걸립니다. 그래서 로딩 화면을 보여줘야 사용자도 로딩중임을 알 수 있는데요, Ajax 통신 시 로딩 화면을 띄우는 법을 알아보겠습니다! 1. async:true 비동기식 - 한번에 모든 Ajax 요청에 따라 처리할 때 //AJAX 통신 시작 $( document ).ajaxStart(function() { $('#load').addClass("view"); }); //AJAX 통신 종료 $( document ).ajaxStop(function() { $('#load').removeClass("view"); }); - 각각 Ajax 요청에 따라 처리할 때 $.ajax({ url: URL, dataType: 'json', type: 'POST', data..

Ajax 데이터를 전역으로 사용해야 할 일이 있었는데요, function 1 안에서 Ajax로 가져온 데이터를 function 2 안에서도 업데이트하고 사용해야 했었죠. 그래서 배열을 만들어 전역으로 선언한 다음, 그 배열에 데이터를 넣고 function 2 에서도 사용하려고 했는데요, 초기값은 잘 담기지만 데이터가 달라질 때마다 업데이트가 안됐습니다. 그래서 찾아낸 방법이 바로 async입니다! $.ajax({ type: 'POST', dataType: 'json', url: json_url + 'json/chart/chart.php', async:false, //요부분! false로 바꿔주기 cache:false, data: { }, success: function (data){ } }); async..