[YERIEL] 개발일기26 jQuery - json Ajax 1. 화면 만들기 {"name":"홍길동","age":25, "array" : ["전주","익산"]} json의 데이터 타입은 application/json 이기 때문에 설정해주고 {"키":"값"} 입력해준다. 주의사항 ! 키값은 항상 쌍따옴표, 문자열은 항상 쌍따옴표, 숫자는 제외 여기서 키값을 잘못 설정해 주면 파스에러가 납니다. 2. 불러온 페이지도 만들기 호출 3. 이제 데이터를 가져와 봅시다. 호출 가져오는 데이터가 null 아니라면, 공백이 아니라면 그 값의 name을 #ajaxResult의 value로 입력한다. 2020. 3. 31. jQuery - Html Ajax 1. 호출 버튼을 눌렀을때 연결된 주소(ajaxHtmlCall.jsp)의 내용이 가져와지는 확인하기 호출 호출 버튼을 클릭해주세요. 2. html 내용 채우기 2020. 3. 31. 객체 편집 메서드 실습 실습1] #add1 선택시 addList 객체를 조회하여 1차 지역과 일치하는 2차 지역목록으로 #add2에 출력하여라 :: 지역 선택 :: 전주 군산 익산 :: 지역을 선택해 주세요 :: 실습 2] .choice1 클릭시 choice2List 객체의 키와 일치하는 교수를 #choice2Wrap의 체크박스로 뿌려주고, #choice2Wrap 내에 생성된 교수를 클릭시 해당 교수가 담당하는 교과목을 #choice3Wrap의 choice3List 객체를 조회하여 체크박스로 뿌려주시오. 급수 선택 9급 7급 교수 선택 과목 선택 동적 바인딩을 이용해보자! each로 반복문 이용해서 체크박스 체크 된 것을 확인해서 다중으로 선택 했을때 선택 하위가 보여지도록 하기!! 2020. 3. 31. 동적 바인딩 & 트리거 & 이벤트 제거 1. 동적 바인딩 - html 실행 순서에 따라 dom 객체도 생성되기 때문에 이벤트 실행 완료 이후에 생성되는 html에는 이벤트를 걸 수 없다. 이에 따라 동적으로 이벤트를 걸거나 객체 생성시에 이벤트를 걸어야 한다. $(document).on('click','.add',function(){ var clone = $(this).parent().clone(); $('body').append(clone); }); $(document).on('click','.del',function(){ $(this).parent().remove(); }); 2. 트리거 이미 걸린 이벤트를 스크립트 상에서 작동되게 하는 방법(사용자가 이벤트 발동한 것처럼 작동 시킬 수 있다.) $('선택자').trigger('이벤트명').. 2020. 3. 30. 수치 조작 메서드 & 객체 편집 메서드 1. 수치 조작 메서드 선택한 객체의 사이즈 및 위치 사이즈를 가지고 오거나 변경이 가능하다. 1) 1) $('선택자').width() - 선택된 대상의 가로 사이즈를 가지고 오거나 변경 $('body').width() 2020. 3. 30. 속성 조작 메서드 1) $('선택자').html() - 선택된 객체의 html 요소를 가지고 오거나 삽입한다. $('body').html(); 2020. 3. 30. 이전 1 2 3 4 5 다음 728x90 반응형
