본문 바로가기
반응형

Frontend/jQuery & JSTL

 (50)
[JSTL] WebView 텍스트 동적 변경 & ajax를 이용한 파일 다운로드 WebView 텍스트 동적 변경 response를 이용해 동적으로 문장을 바꾸는 방법은 JSP에서 바로 할수는 없는 것 같다. 스크립트에서 처리해서 리턴하는 방법으로 진행 $(document).ready(function () { var korName = document.getElementById('korName').value; var engName = document.getElementById('engName').value; var location = '데이터셋 : ' + korName + ' ( ' + engName + ' )\n'; document.getElementById('datasetLocation').textContent = location; }); ajax를 이용한 파일 다운로드 // 클라이..
[Spring] CSRF토큰
[jQuery] attr() .attr()은 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가한다. 문법 1 - 속성의 값 가져오기 : 선택한 요소의 속성의 값을 가져옴 .attr( attributeName ) e.g) div 요소의 class 속성의 값을 가져온다. $( 'div' ).attr( 'class' ); 문법 2 - 속성 추가하기 : 선택한 요소에 속성을 추가 .attr( attributeName, value ) e.g) h1 요소에 title 속성을 추가하고 속성의 값은 Hello로 한다. $( 'h1' ).attr( 'title', 'Hello' ); +) 응용 - 속성 추가 후 폼 전송 선택한 요소에 속성을 추가한다 후 폼 전송 $("#target").val(data); .attr( a..
[jQuery] table row index 자동 입력 원하는 기능 : 수정을 눌렀을 때 입력하는 Form과 동일한 Form에 자동적으로 수정하려는 데이터가 먼저 들어가 있는 기능 onclick이벤트에서 데이터 전달하도록 파라미터를 입력 ${s.index+1} ${item.korName} ${item.engName} ${item.version} 삭제 수정 변수관리 입력 받은 데이터 textarea에 출력 // JavaScript ... 데이터셋명(테이블 한글명) 데이터셋명(테이블명) 버전 ... + ) model값을 직접 지정하여 전송 가능 ... ... ...
[jQuery] ajax를 이용한 Controller로 값 전달 ajax JavaScript -> Controller로 값 전달 //JSON형식으로 전달 console.log(responseData); var year = dataCodeCaption.substring(dataCodeCaption.lastIndexOf(' ') + 1); var data = {}; data["filterId"] = filterId; data["year"] = year.substring(0, year.lastIndexOf('-')); $('.filter').click(function(){ $.ajax({ type:'POST', url:'/sample/data', data:JSON.stringify(data), success : function(data){ console.log("good...
[jQuery] Uncaught TypeError: Cannot read properties of undefined (reading 'classList') Uncaught TypeError: Cannot read properties of undefined (reading 'classList') 에러가 발생했다. 클릭 이벤트 발생했을때 classList에 추가하는 동작이 안되는 것인데 단순히 Html안에 class위치를 잘못잡아준것이다.... ... const cancerConfirmed = document.querySelector("#cancer_confirmed"); ... confirmed.innerHTML = confirmed; ... } ... ... const cancerConfirmed = document.querySelector("#cancer_confirmed"); ... cancer_confirmed.innerHTML = confirmed;..
modal구현 및 mysql 시분초 변환 modal + datatable 구현 ... X 회의번호 등록전화번호 로그번호 인입전화번호 참여자이름 pin번호 참여시간 종료시간 사용시간 ... mysql 시간차 변환 쿼리 SELECT confNum, CRUD_DEC(phone,'ONOFF_PHONE') as phone , logno, custCID, custNm, pin ,DATE_FORMAT(joinDt, '%Y-%m-%d %H:%i:%s') as joinDt ,DATE_FORMAT(quitDt, '%Y-%m-%d %H:%i:%s') as quitDt ,TIME_FORMAT(sec_to_time(timestampdiff(second,joinDt ,quitDt)) , '%i분 %s초') as gap FROM tb200031 WHERE confNum ..
table data row이벤트 처리 $(document).ready(function(){ CRUDfn.namespace("confRollList"); var searchParam = $('.searchParam').serializeArray(); for (i=0; i 변경하니 에러 변경 ParentNode관련에러 => data를 visible : false 처리를 하더라도 th는 있어야 한다. (= 컬럼 갯수가 안맞았다) Spring Method 사용 착각..... GET으로 가져오는게 아니라 POST를 사용해야지... POST시 RequestParm이 정상적으로 들어가지 않음 // 수정 전 CRUDfn.inoutTimeTable.url = "/conf/ioTime/{confNum}"; // 수정 후 CRUDfn.inoutTimeTable..
반응형

티스토리툴바