WEB/jquery,javascript8 [javascript/ajax] ajax의 구성 및 기능 ajax는 비동기 JavaScript and XML의 약어라는데 간단히 말하자면 페이지가 빨리 로딩되는 함수?기능?이다. ajax는 아래처럼 생겼다. $.ajax({ method: "GET", dataType: "json", data: { "test": test, "test2": test2 }, url: "/sample", success: function(data) { },error:function(error){ } }); 속성이 여러개 있지만 이정도만 사용하면 왠만한건 다 구현할 수 있었다. method get타입으로 보낼건지, post방식으로 보낼건지 정하는 옵션이다. get은 보안이 좀 약하고 post는 보안이 좀 가미된 느낌 ajax에서 보낸 데이터를 spring에서 controller단에서 받을.. 2022. 3. 3. [javascript] kakaomap api 도형 event listener 배열 객체 등록 꿀팁 카카오맵에 도형을 나타내고자 할때 전역배열로 도형을 넣는다면 삭제(초기화)도 쉽게 할 수 있다. 하지만 전역배열로 도형을 넣을 때의 단점도 있는데 도형을 클릭했을때 실행되는 이벤트 리스너에 배열을 객체로 등록하면 도형의 메서드를 사용하지 못한다는 점이다 ( 예를 들면 getBounds나 getPosition 같은 메서드들 ) 해결 방법은 이벤트리스너를 새로운 함수 안에 넣어 배열을 매개변수로 해서 매개변수의 메서드를 사용하게 만드는 것이다. 말이 좀 이해가 안되는 것 같아 코드를 첨부한다. 아래처럼 배열을 객체로 등록하지 않고 kakao.maps.event.addListener(circle[i], 'click', function(mouseEvent) { ... } 이런식으로 함수로 한번 감싸서 사용해야한.. 2022. 3. 3. 이전 1 2 다음