방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com jquery4 Jquery when 사용(Jquery Promise, 순서있는 ajax) Jquery에서 ajax를 활용하여 데이터를 받아오는 기능은 어렵지 않다. 아래의 ajax구조는 흔히 사용되는 기본구조이다. $.ajax({ url: 'test.json', type: 'get', success: (result) => { console.log(result); }, fail: (error) => { console.log(error); } }); 만약 이러한 ajax를 한번이 아니라 여러번 통해서 서버에서의 정보를 가져오는데, 순서를 보장받게 하려면 콜백 형식으로 코드를 만들던가 아니면 Promise를 사용한다. 콜백형식으로 만들면 코드가 너무 복잡하여...Promise를 사용하는 경우가 대부분이다. 아래의 코드는 프로미스를 활용한 코드이다. new Promise( (succ, fail)=>.. 2020. 4. 1. (기본/기초) Jquery checkbox, jquery 체크박스, 제이쿼리 체크박스 1. 선택하기, 선택 해제하기 //attribute로 선택, 선택해제 $("대상").attr("checked", true); /* 선택 */ $("대상").attr("checked", false); /* 해제 */ //property로 선택, 선택해제 --> attr로 안되는 경우 $("대상").prop("checked", true); /* 선택 */ $("대상").prop("checked", false); /* 해제 */ 2. 체크가 되었는지 여부 //대상이 1개인 경우 $("대상").is(":checked"); //true 또는 false /* 대상이 여러개인 경우(멀티 체크같은 상황) 통상적으로 대상이 여러개인 경우는 클래스를 동일하게 주어 반복문으로 처리한다. */ $('.클래스').each(fu.. 2019. 12. 6. Jquery 객체 생성시 이벤트 부여(FadeIn) Jquery를 활용하여 객체 생성시 이벤트를 주는 방법이다. 물론..앵귤러같은경우에는 데이터를 갱신만 하면 알아서 그려주지만... Jquery는 앵귤러처럼 양방향 바인딩이 아니니깐..어쩔수 없이 일일이 그리고 효과를 부여해야 한다. var pgContents = "Hello world!"; var item = $(pgContents).fadeIn(500); //효과 $('#대상').append(item);//객체생성 위 예제코드를 적용하면 append가 실행되면서 이벤트가 바로 처리된다. 비동기 방식으로 페이징 처리하거나 내용을 갱신하는경우 페이드인 효과를 고객이 주로 요구할 때 사용하면 편리하다. 2019. 4. 27. Jquery로 함수 만들기 query로 함수를 만들면 협업하는 도중 특정 라이브러리를 누군가 만들어서 제공할 때 편리하다. //선언 (function($){ $.fn.helloWorld = function (innData){ //원하는 로직 작성 innData.param; //파라미터 innData.callback('작업된 결과'); //콜백에 생명을 불어넣는 부분 } })(jQuery); //사용예제 var param = {'param':'파라미터','callback':fuunction(res){ }}; //이런식으로 Json형태로 객체를 넣을 때 callback 형태를 구현해주면 편하다. //물론 callback 명칭은 원하는 명칭으로 바꾸어서 쓰면 된다. $(대상).helloWorld(param); 2019. 4. 26. 이전 1 다음
