본문 바로가기

JAVASCRIPT/JQuery12

[JQuery] 테이블 데이터 엑셀로 export 하기 테이블 데이터를 excel로 export하는 라이브러리 여러가지가 있지만 table2excel library를 사용해보았다. cdn방식으로 library를 export한다. $("#해당테이블ID").table2excel({ exclude: ".excludeThisClass", name: "저장할 워크시트 이름", filename: "저장할 파일 명", preserveColors: false }); 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 1.
[JQuery] button append시 onclick 함수에 문자열 넘기기 let button = $("#test") .append('foo함수로문자열넘기기'); 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 1.
[JQuery] 자식창에서 부모창의 함수 호출하기 //parent page function parent() { alert('저는 부모입니다.'); } //child page - opener.parent.부모 page function function calllparent() { opener.parent.parent(); } 2018. 10. 7.
[JQuery] .load() function 사용하기 $("원하는 element id, name 등등").load("/test?tcode=5"); 페이지를 load하고 싶은 element의 속성값을 이용해서 JSP page를 load할 수 있다. locatin.href='' 처럼 URL을 적어주면 되는데 parameter값도 넘길 수 있고, Controller에 명시되어 있는 경로를 적어주면 되겠다. 원하는 element에 유동적으로 페이지를 load 하고 싶을 때 유용하게 사용할 수 있을듯. 2018. 10. 6.
[JQuery] ajax 파일업로드시 progress bar 만들기 jQuery form plugin을 사용해서 파일업로드할 때 프로그래스바를 만들어보자. 1. script를 cdn방식으로 import한다. 2. html tag 내 form tag를 작성해준다 0% 3. 생성한 div에 style적용 4. script 작성 $(function() { let bar = $('.bar'); let percent = $('.percent'); let status = $('#status'); $('form').ajaxForm({ beforeSend: function() { status.empty(); let percentVal = '0%'; bar.width(percentVal); percent.html(percentVal); }, uploadProgress: function(.. 2018. 10. 5.
[JQuery] ajax로 form data(multipart) 전송 하기 HTML JQuery $("#btnSubmit").click(function (event) { //preventDefault 는 기본으로 정의된 이벤트를 작동하지 못하게 하는 메서드이다. submit을 막음 event.preventDefault(); // Get form var form = $('#fileUploadForm')[0]; // Create an FormData object var data = new FormData(form); // disabled the submit button $("#btnSubmit").prop("disabled", true); $.ajax({ type: "POST", enctype: 'multipart/form-data', url: "/document/upload", .. 2018. 10. 4.