jQuery7 ajax console.log 찍을 때 object object로 나올 때 해결 방법 위에 사진과 같이 ajax로 데이터를 받아왔을 때, 파라미터를 확인하기 위해 success구문에 console.log를 찍어 개발자도구로 많이 확인하실텐데요.2번째줄과 같이 ▶버튼과 함께 object로 콘솔결과가 나와서 파라미터를 확인할 수 있다면 상관이 없겠지만.. 위에 effInitPage========[object object]로 나와 파라미터를 확인하기 어려운 경우가 있습니다. 이 문제는 console.log에 data앞에 문자열인 "effInitPage==" +를 하게 되면 자바스크립트에서 String 형태로 변환이 되기 때문에 Object Object라는 결과가 나오게 되는것 입니다. 그래서 ajax에서 받아온 Object 형태의 데이터값을 확인할 때는 위와 같이 문자열이 없이 console... 2017. 3. 22. 동적으로 구현된 select 값 DB에 저장된 값으로 불러오기 forEach문을 사용하여 동적으로 radio 버튼을 생성한 경우, javaScript의 ready Function보다 늦게 생성되기 때문에, 시점이 맞지 않아 ready Function을 활용하여 DB에 저장되있는 값을 value값에 넣어주지를 못한다.그러므로, 동적으로 생성 될 input type='radio' 폼 안에, value값을 c:out을 통해 직접 넣어 줄 수 있다.하지만 이 방법으로 checked 속성을 지정할 경우 반복이 끝난 맨 마지막 속성에 checked가 되므로, checked="checked" 를 사용하여, DB에 저장된 값이 오게되면 체크하도록 할 수 있다. 아래는 실 활용 구문 2017. 3. 13. Input Box 내용 초기화 하는방법 보통 ajax를 이용하여 데이터를 입력하는 경우 input box에 내가 입력한 값이 그대로 남을 수 있다. 그럴 경우, 초기화 함수를 하나 만들고, ajax구문에서 success 마지막, 혹은 complete부분에 초기화 함수를 사용하면 쉽게 해결 할 수 있다. function fnReset() { $("#lcdNm").val(""); $("#cdCd").val(""); $("#cdDesc").val(""); } 위와 같이, 초기화 할 input box를 jQuery 셀렉터를 이용하여 선택한 후, val(""); 를 넣어주면 공백으로 초기화가 된다. 저장이 실행되는 ajax 함수의 success 부분에 만들어둔 fnReset(); 함수를 호출하면 저장이 되고난 후, 공백으로 초기화 해준다. 2017. 3. 10. javascript 다른페이지에 파라미터 전달 function movePage(grSeq, 파라미터, 파라미터) { document.listForm.grSeq.value = grSeq; document.listForm.action = ""; document.listForm.submit(); } 보통 위와 같은 함수로, 다른페이지를 이동하게 되는데, 이때 document.form이름.input의 name.value = 변수명 으로 현재 jsp 에 있는 폼에 있는것을 가져올 수 있고 함수에 파라미터에 넣어준다. 이때 여러개를 보내고 싶을때는 ,(콤마)로 구분한다. 그리고 함수의 마지막에 document.form이름.action = " document.form.submit(); 을 넣어준다. 액션값에 해당하는 컨트롤러에 request로 파라미터를 받을 수.. 2017. 3. 10. querySelectorAll 활용 var 변수명 = document.querySelectorAll('CSS셀렉터'); .querySelectorAll()은 특정 CSS 선택자를 가진 모든 요소를 반환하는 속성이다. 이를 활용하여, input 태그의 data- 로 시작하는 커스텀 속성을 받아올 수 있다. 위 두가지를 활영하여, 한페이지에서 각각의 input박스에 따라 DB에 저장을 달리 할 때, Flag값으로 응용하여 사용함. 즉 thead 의 input박스는 Flag 값 H, tbody의 Input 박스는 Flag 값 P 로 각각 따로 저장하기 위함 ajax 부분과, controller 부분은 기재하지 않음. [JavaScript] var posHeader = ""; var posPoint = ""; var headerItems = do.. 2017. 3. 10. jQuery 기본(2) 속성값 읽기 HTML태그 요소에 적용된 특정 속성값을 얻기 위해서는 css() 함수를 사용한다. var 변수 = $(“요소”).css( “CSS속성이름” ); 속성값 변경/추가 하기 HTML태그 요소에 특정 CSS값을 지정할 경우, attr()함수와 용법이 동일하다. $(“요소”).css( “속성이름”, “값” ); 또는 $(“요소”).css({ “속성1이름”: “값”, “속성1이름”: “값”, “속성n이름”: “값” }); bind 함수 -jQuery에서 이벤트 처리를 목적으로 사용하는 기본 함수. -앞서 소개한 이벤트 처리 기법은 모두 이 함수에서 파생됨. -bind 함수의 기본형은 적용 할 이벤트 이름과 함수를 파라미터로 전달하는 형식. $(“요소”).bind( “이벤트”, function () {.. 2017. 3. 10. 이전 1 2 다음
