728x90 반응형 IT 개발/JavaScript50 12.02 JSON JSON.parse() : String 객체를 json 객체로 변환 JSON.Stringfy() : json 객체를 String 객체로 변환 2019. 12. 2. 12.02 jQuery data() data() - 해당 엘리먼트에 Javascript Type의 value를 로 저장할 수 있으며, 값으로 저장되어 있는 데이터를 읽음. [ case 1. 데이타 저장 ] 문법 : $(selector).data(key, value) key : string type의 변수로 data가 저장될 key값입니다. value : object type으로 JavaScript 에서 지원하는 모든 type의 데이터를 저장할수 있습니다. ex) span 엘리먼트에 data()함수로 "name"과 "address" 세팅방법(저장) $("span").data("name", "Nextree"); $("span").data("address", "가산"); [ case 2. 데이터 읽기 ] 문법 : $(selector).data(.. 2019. 12. 2. 11.11 delete 연산자 ＊delete 연산자 - 객체(object), 객체의 속성(property), 배열의 특정 인덱스에 있는 원소(element)를 지우는 연산자 - var 문장을 이용해서 선언된 변수는 지울 수 없다. - delete 연산자 실행이 성공하면 , 속성이나 원소가 undefined로 설정됨. 실행이 가능하면 true, 불가능 false 반환 - 객체 자체는 삭제할 수 없으나, 객체의 프로퍼티는 삭제할 수 있다. var o = { x : 1, y : 2 } delete o.x; 2019. 11. 11. 11.11 이벤트와 이벤트 처리기 이벤트란 웹 브라우저나 사용자가 행하는 어떤 동작을 말한다. 키보드의 키를 누르거나 브라우저가 웹 페이지를 불러오는 것도 이벤트이다. 자바스크립트 이벤트는 주로 마우스나 키보드를 사용할 때, 웹 문서를 불러올때, 폼(FORM)에 내용을 입력할 때 주로 발생시킨다. 마우스 이벤트 : 마우스에서 버튼이나 휠 버튼 조작할 떄 발생하는 이벤트 속성 설명 click 사용자가 HTML 요소를 마우스로 눌렀을 때 발생 dblclick 사용자가 HTML 요소를 마우스로 두 번 눌렀을 때 발생 mousedown 사용자가 요소 위에서 마우스 버튼을 누르는 동안 발생 mousemove 사용자가 요소 위에서 마우스 포인터를 움직일 때 발생 mouseover 마우스 포인터가 요소위로 옮겨질때 발생 mouseout 마우스 포인터.. 2019. 11. 11. 11.11 조건 연산자 : 물음표와 콜론 조건이 하나이고 ture일때와 false일때 실행할 명령어도 하나뿐이면 if else 문 대신에 조건 연산자를 사용하는 것이 간단하다. (score >=60)? alert("통과") : alert("실패"); = 조건 ? ture일때 실행 : false일때 실행 truthy 값과 falsy 값 - 논리형 자료 값은 true와 false뿐이다. - 일반 값 중에서도 'true로 인정할 수 있는 값'과 'false로 인정할 수 있는 값'이 있다. 해당 값을 truthy하다, falsy하다 라고 표현한다. ＊falsy값 0 "" NaN (숫자가 아님(Not a Number)을 의미 / 보통 변수를 선안만 한 상태(값을 할당하지 않은 상태)에서 연산을 하면 볼 수 있는 값) und.. 2019. 11. 11. jQuery/Ajax로 jsp 리스트 뿌리기 / .Clone(복사) * Jsp에 데이터를 뿌릴 Templeate을 미리 만들고 jQuery로 데이터 뿌리기 1) Jsp => 화면단에 데이터 리스트를 뿌릴 화면단(template)을 미리 만든다. 구분 관측소명 시군구코드 시군구명 설치주소 경도 위도 공간정보 2) jQuery - var template = $("#copyGgTemplate TR").clone(); => id가 copyGgTemplate의 TR을 Clone(복사) 하여 template에 담는다 - template.find("#category").text(data.Dto.category); => template에서 id 값을 find함수를 사용하여 찾아 보여주고자 하는 데이터를 넣는다. - $("#dataTable").append(template); => te.. 2019. 9. 1. jQuery/Ajax (3) : 데이터 목록 뿌리기 AND 페이징 처리 2019. 9. 1. Javascript FOR문 Javascript FOR문의 다양성 1) 일반적인 FOR문 1 2 3 for(var i=0; i 2019. 9. 1. jQuery/Ajax (2) : trigger, handler - 이벤트가 발생할 때 실행될 함수나 bind()함수로 연결 된 어떤 이벤트 핸들러를 강제로 실행시킨다. ex) jQuery("#id").trigger("submit"); : submit 이벤트 강제 실행 - 어떤 요소에 대해 이벤트를 실행하게끔 설정하는 것. ex) $(elem).on("click", function(e) { ... }); - bind() -> 요소(element)에 이벤트 처리기(handler)를 연결한다. : 아마 현재는 사용 X 1 2 3 4 5 6 7 jQuery("#dropdown").change(function(){ var selData = jQuery('#dropdown-item option: selected').val(); selMapList(selData); }); jQ.. 2019. 8. 16. jQuery/Ajax(1) : 기초, Tip Tip) ajax => 해당 Jsp파일에서 스트립트로 ajax js 파일을 불러와 사용하면 js 파일에서 모든 경로를 쓰지 않아도 된다. 1 2 3 4 5 6 7 8 9 10 11 var _contextPath = ; var ajax = new ajax ({ contextPath : _contextPath, callCount : 5 }); http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter * Ajax Controller로 데이터 넘기는 법 (Json 방식) 1 2 3 4 5 6 7 8 9 10 jQuery.ajax({ type : "POST", d.. 2019. 8. 16. 이전 1 2 3 4 5 다음 728x90 반응형