본문 바로가기

프로그래밍 언어/JavaScript

 (3)
[JavaScript/Ajax] Ajax 배열(array) 전송 (Controller에 배열 보내기) Ajax에서 Controller에 배열(array)을 보낼 때 Ajax 옵션으로 traditional: true 를 넣으면 된다는 글들을 많이 봤는데...(사실 그냥 본 것중에는 전부 다...) 이 옵션 없이도 성공해서 두 방법 모두 가져왔다. 방법1. traditional: true 옵션을 준 경우 javascript var arr = {1, 2, 3} $.ajax({ type : 'post', url : '리퀘스트 매핑 값', data : {arr : arr}, dataType : 'json', traditional: true, error: function(xhr, status, error){ // 실패했을 때 처리 }, success : function(data){ // 성공했을 때 처리 } });..
[JQuery] check box 관련 함수 (+배열 값 가져오기) check box 개수(길이) // 전체 check box 개수 $("체크박스").length; // 선택된 check box 개수 $("체크박스명:checked").length; check box 전체 체크/체크 해제 // 전체 체크 $("체크박스").prop("checked", true); // 전체 체크 해제 $("체크박스").prop("checked", false); each문을 이용하여 선택된 check box의 값 가져오기 (다중 체크값 가져와 배열에 추가) let chk_arr = []; // 1. $("체크박스명:checked").each(function(){ chk_arr.push($(this).val()); // push: 배열에 값 삽입 }); // 2 $("체크박스명:checked"..
iframe 확대/축소 구현 (with Panzoom) ※ 주의! 크로스 도메인(CORS)에 걸리지 않는 경우만 가능합니다...!! ※ 아직 해결하지 못한 사항 iframe 범위를 벗어났을 때 되돌아오게 하는 처리 - 확대/축소하면서 범위를 벗어나는 경우 원래대로 돌아오는 위치가 기대하는 것처럼 되지 않는다... 크로스 도메인 - iframe 내부 요소의 너비, 높이를 알아내서 내부 요소를 iframe 크기에 맞게 scale을 조절시키는 게 이 확대/축소 구현의 관건인데 크로스 도메인 정책 때문에 현재 도메인과 iframe 내부에 호출하는 도메인이 다를 경우 처리가 불가능하다…! ■ 기능 구현까지의 서사 더보기 1) iframe 확대/축소 기능의 필요성 하이브리드 모바일 앱을 구축하면서 공지사항을 구현하는데 상세 내용으로 웹 페이지를 보여줘야 해서 ifram..

티스토리툴바