728x90 반응형 ajax3 ajax로 JSON 객체 배열 넘기기 (파이썬 장고) 아래는 JSON 객체 구조의 배열이다. JSON 구조는 아래와 같은 특징이 있다. 이름과 값의 쌍으로 이루어짐 예를 들어 아래와 같은 것이다. 이름: 홍길동 나이: 20 성별: 남자 파이썬의 Dictionary와도 비슷한데 차이점은 JSON 같은 경우 데이터를 담아서 전달하는데 그치지만 Dictionary는 실제로 메모리에 저장되는 객체이다. 아무튼 비즈니스에서는 종종 아래와 같이 JSON 구조의 객체배열을 넘겨줄 때가 있는데 let objArr = [ { sno: '1', paramCode: '0101', dateTime: '2023-12-07 11:46:57.000000' }, { sno: '2', paramCode: '0102', dateTime: '2023-12-07 11:47:00.000000'.. 2023. 12. 20. ajax 로딩 시 로딩 중 표시하는 방법 (jQuery Loading Spinner) 아래 코드는 로딩중을 나타내기 위한 html 코드이다. 아래는 jQuery ajaxSetup을 통해 loading spinner 언제 보여주고 숨기는지 세팅해놓은 js 코드이다. jQuery.ajaxSetup({ beforeSend: function () { $('#loading_spinner').show(); }, complete: function () { $('#loading_spinner').hide(); } }); 아래는 css 코드로 기본적으로 loading spinner를 숨겨놓고 위치를 조정해주며 spinner가 뱅글뱅글 돌도록 만들어주는 코드이다. #loading_spinner{ display: none; position: absolute; left: 50%; top: 50%; z-inde.. 2023. 12. 20. 자주 쓰이는 Ajax 활용법 - 부분 갱신 feat.@ResponseBody 클라이언트는 서버에 다양한 요청을 날리게 되고 서버는 그러한 요청이 올바른 요청인지 확인을 거치고 응답을 하게 된다. 이러한 요청과 응답이 세트로 일어날 때 크게 두가지 방식으로 진행되는데 하나는 동기이고 하나는 비동기이다. 동기는 화면이 갱신된다는 특징이 있고 비동기는 화면 갱신 없이, 즉, 새로고침없이 응답을 페이지에 노출시킬 수 있다는 특징이 있다. 그리고 새로고침없이 응답을 view에 뿌려주는 작업을 해주는 대표적인 자바스크립트 라이브러리가 Ajax이다. Ajax 는 Asynchronous Javascript And Xml의 약자이다. JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술인 셈이다. 이 Ajax를 사용하는 이유는 단순히 view단에 뿌려줄 .. 2022. 11. 21. 이전 1 다음 728x90 반응형