반응형 웹프로그래밍/Javascript|JQuery|Jsp44 [JSP/JAVASCRIPT] JSON ARRAY KEY 동적으로 생성하여 값 출력하기 [JSP/JAVASCRIPT] JSON ARRAY KEY 동적으로 생성하여 값 출력하기 1. JSON ARRAY KEY 동적으로 생성하여 값 출력하기 // json 데이터 // 배열 0번째 // key : name1 , value : 홍길동 , key : age , value : 13 // 배열 1번째 // key : name1 , value : 리마리오 , key : age , value : 10 // 배열 2번째 // key : name1 , value : 베이비 , key : age , value : 5 var jsonData = {data:[{name1:'홍길동', age:13}, {name1:'리마리오', age:10}, {name1:'베이비', age:5}, {name1: '아이돌', valu.. 2022. 4. 5. 이클립스(eclipse) 안의 파일 첨부,파일 다운로드, 파일 경로 설정 보통 파일 테이블을 이용하여 데이터 경로만 읽어 파일서버에서 다운로드하여 사용하지만, 공용 파일이거나 큰 비중이 없다면 간단하게 이클립스 내의 파일을 첨부하여 클라이언트가 다운로드할수록 구성할 수 있다. 1. JSP 다운로드 2. Eclipse 2021. 11. 26. javascript null, 공백, 빈값 체크 javascript null 공백 값 체크 if(typeof changeUserNoChk == "undefined" || changeUserNoChk == "" || changeUserNoChk == null){ alert("입력은 필수 입니다."); return false; } 2021. 11. 25. jquery, javascript append list 추가 jquery, javascript append list 추가 function saveData(){ // 선택된 값 var $selectedData = $('#selData>option'); if($selectedData.length == 0){ alert('직원을 선택하여 주시기 바랍니다.'); return; } //form submit을 위한 데이터 세팅 var selectedObj = $.map($selectedData, function(obj, idx){ var $obj = $(obj); var data = $obj.data('info'); var cuCd = data.cuCd; var cuSabun = data.cuSabun; var cuName = data.cuName; var cedCd = d.. 2021. 11. 25. input box data 값 삽입 및 불러오기 input box data 값 삽입 및 불러오기 1. input box input box에 data 속성을 아래와 같이 주고 활용이 가능하다. 다만 대문자로 지정하여도 소문자로 인식돼서 소문자로 지정해놓는 게 헷갈리지 않을 수 있다. ex ) data-[문자열지정] -> data-usernm 2. script var userNm = $('#chkObject').data('usernm'); var handpNo = $('#chkObject').data('handpno'); var data = { 'userNm' : userNm, 'handpNo' : handpNo }; // 출력 개발자도구로 확인 console.log(data); 2021. 11. 19. jquery 부모창 값 넘기기, 이벤트 실행 간단한 예제 jquery 부모창 값 넘기기, 이벤트 실행 간단한 예제 1. 자식창 // 부모창으로 값 넘기기 $(opener.document).find("#searchNo").val(result.data); // searchNo ID를 가진곳에 value(값 세팅) // 부모창 함수 실행 $(opener.location).attr("href", "javascript:reLoad();"); //부모창 새로고침 // 부모창 이벤트 실행 var evt = jQuery.Event('memberSelect', { dataKey : datavalue }); window.opener.jQuery(window.opener.document).trigger(evt); 2. 부모창(popup) // 부모창 이벤트 핸들러 $(docume.. 2021. 11. 18. javascrpt 연령체크, 미성년자, 성인 javascrpt 연령체크, 미성년자, 성인 체크 function function misung(obj){ // 최초 입력값 var input = $(obj).val(); // ex 2013-01-01 -> 20130101로 치환 var inputDt = input.replaceAll("-",""); // 입력받을 날짜를 잘라서 변수에 저장 var inputYY = inputDt.substr(0,4); var inputMM = inputDt.substr(4,2); var inputDD = inputDt.substr(6,2); // 입력받은날짜 합침 var reInDt = inputYY+''+inputMM+''+inputDD; // 현재날짜 var nowDt = new Date(); // 포맷변경 var r.. 2021. 11. 16. javascript form 생성 및 전송(ajax) 1. 자바스크립트로 임의 폼(form) 생성 후 전송하는 방법 활용범위 : ajax, function 등등.. // var url = ''; var url = 'www.google.com'; var form = document.createElement('form'); // 폼객체 생성 var obj1; var obj2; obj1 = document.createElement('input'); // 값이 들어있는 녀석의 형식 (input, radio 등등) obj1.setAttribute('type', 'hidden'); // 값이 들어있는 녀석의 type (text, hidden 등등) obj1.setAttribute('name', 'userNm'); // 객체이름 (name : 이름 ) obj1.setA.. 2021. 11. 16. javascript, jquery function parameter append > ex) dt같은경우 값이 2020-10-29 인데 문법을 잘못활용시 1099같이 변환되어 값이 넘겨지게 됩니다. 해서 아래처럼 파라미터를 넘길때 작성하시면 되겠습니다. onclick 파라미터를 어떻게 넘기는지 봐주시길 바래요. 1. onclick시 function 파라미터 활용 function dispoReplyUpdateForm(dt){ var obj; //dt : 2020-10-29 obj = ' ' + '' + ' ' + '저장' + '취소'; $('#dispoReply').append(obj); $('#dispoReplyUpdateBtn').remove(); $('.datepicker').datepicker(); }; function createDispoReplay(dt){ var obj; $.. 2020. 10. 29. 이전 1 2 3 4 5 다음 반응형
