개발자의 끄적끄적

[ajax] 로그인 기능 Ajax 예제 Scenario: 로그인을 원래 쌩 jsp로 구성을 해보았엇는데 생각보다 많은게 필요하다. 만약 Jsp로 구성한다면 로그인 -> 로그인ok(로그인이 성공했는지 확인 page) -> 성공시 main (중간에 jsp 페이지를 안두고 구현 해볼려고했는데, 로그인 실패시 alert 창을 띄울수가 없었다.(엄청 고민해봤는데 결국 포기)) 이런식으로 중간에 jsp 페이지를 하나 더 거처야한다. 그러나 Ajax로 구현하면 동적으로 할 수있다. 그리고 페이지또한 로그인->성공시 main 실패시 그냥 alert 창 하나만 띄워주면 됐다. 아주 간편하다. Solutions: Ajax 구문 $('#btn_login').click(function() { var mid = $('#txt_..

[Ajax] 특정 Html 파일 삽입하기 및 Html파일내 특정 태그요소만 불러오기 Scenario: Ajax를 이용하여, 특정 Html 요소 불러오기 그 Html 파일내에 특정 태그 요소만 불러오고자 함 Solutions: 제일 고민됬던 부분.1. $.ajax를 써서 어떻게 태그요소만 불러올것인가?? 나는 ajax name:value를 뒤져봤는데 아무리봐도 나오지 않았다. 결국 jquery 메소드를 통해 해결 할 수 있엇다. 총 소스는 (아래) 메뉴 보기 1 메뉴 보기 2 : main 에서 불러올 html 파일 중 식 메 뉴 짜장면 짬뽕 기스면 탕수육 메뉴를 골라주세요. 출처 : https://unordinarydays.tistory.com/90

[제이쿼리/jQuery] 요소 갯수 구하기 .length 요소 갯수 구하기 $("selector").length; 요소 갯수를 구하는 함수는 2가지 ( length 와 size() ) 있습니다. 현재는 3.0 버전부터 size() 함수가 사라졌기때문에 이후버전부터는 length 를 사용합니다. 사용예는 아래와 같습니다. HTML definition (특히 사전에 나오는 단어나 구의) 정의 (어떤 개념의) 의미[정의] 선명도 term 용어,말 (지속되는・정해진) 기간 기한, 만기 JS var length = $("dl").length; $("#cnt").html("정의목록 갯수 : "+ length).css("background-color","yellow"); 결과 출처: https://javacpro.t..

[javascript / jquery] disabled 속성 제어 매번 할때마다 헤깔리는거 같아서 참고용으로 찾아왔습니다! $( elem ).attr( 'disabled', true ); $( elem ).attr( 'disabled', false ); 이건, 3항 연산자를 이용한 예 입니다. $( elem ).attr( 'disabled', condition ? true : false ); 출처 : https://qvil.github.io/jquery/jquery-attribute-disabled/

[javascript/jquery] empty 내용 제거 함수 aaaaaaaa 위처럼 aaaaaaaa 라는 내용이 있는 div가 있다고 가정하고 $("#div_1").empty(); 이렇게 실행하면! 태그만남고 안에있는 문자만 사라진걸 확인할 수 있습니다! remove 와는 또 다른녀석이니 참고하세요!

[javascript/jquery] append 함수 aaa bbb ccc 위와 같은 div가 있다고 가정하고 ddd 와 같은 내용을 div_append 라는 id를 가진 div 안에 추가하고싶을때! $("#div_append").append("ddd"); 이렇게 실행하면 결과는! aaa bbb ccc ddd 이렇게 div 안에 span 내용이 추가된걸 확인할수 있습니다! 거의 100프로 쓰이니 참고하세요! ㅎㅎ