javaScript3 hash를 이용한, 페이지 이동없는 ajax 사용시 url에 값 물어주기 window.open("/front/build/form/agreeNew.do","agreeNew", width=1580,height=850 ,left=150, top=80 "); 기존 사이트의 디자인 리뉴얼을 하면서 고객사의 요청사항으로 새탭으로 열어야하는 페이지가 있었다. 페이지 안에서 ajax를 사용하여 tab을 넘기는 작업이 있었는데 tab을 넘기다가도 새로고침을 하면 url에 아무런 정보를 담지 않고 새로고침을 해버리니까 현재 탭이 날아가버리는 문제가 있었다. function fncSearchInHash(step){ let hash = decodeURI(location.hash).replace("#", ""); var page = step if(step == $("#step").val()){ pa.. 2023. 5. 30. 드래그 앤 드롭(Drag and Drop)으로 파일 첨부하기-JavaScript 기존 사이트에서 input 태그로 파일을 첨부받아 동작하는 페이지를 드래그 앤 드롭으로 변경해달라고 요청이 왔다. 사이트에서 기존에 사용하고 있던 드래그 앤 드롭 파일 첨부 동작은 dropzone.js와 ajax로 파일을 등록하는 것인데, 요청한 페이지는 컨트롤러에서 첨부된 엑셀 파일을 읽어 동작해야해서 기존의 dropzone.js를 사용하지 않고 새로 커스텀 하였다. // 파일을 담을 전역변수 var allfile = null; // 등록 가능한 파일 사이즈 MB var uploadSize = 100; $(function (){ // 파일 드롭 다운 fileDropDown(); }); // 파일 드롭 다운 function fileDropDown(){ var dropZone = $("#dropZone").. 2023. 5. 19. [ajax] 동기방식으로 사용하기 [ajax 동기방식으로 사용하기] -ajax는 일반적으로 클라이언트와 서버측의 데이터 전송 및 처리를 비동기적(Asynchronous)으로 처리하는 것에 그 목적이 있다. -Ajax를 사용함으로써, 서버측에 데이터를 요청한 후, 데이터의 수신이 완료될 때까지 기다리지 않고, 다른 작업을 바로 진행할 수 있어, 불필요한 잦은 페이지 로딩을 줄일 수 있다. 그러나! ajax는 대부분 비동기방식 그대로 사용하지만, 동기(Synchronous)방식으로 사용할 경우도 생긴다. ajax를 통해 서버측에 데이터를 요청하고, 이 데이터의 결과를 모두 수신 받은 다음 단계로 진행하도록 하는 경우에는 동기 방식의 ajax를 사용해야한다. 오늘 유지보수를 하는데 선택한 주소의 시/도, 군/구, 동/읍, 리의 주소가 간혈적으.. 2023. 2. 27. 이전 1 다음
