Ajax
Preview : 클릭시 외부 컨텐츠를 삽입
Preview : 화면이 로드되면 외부 컨텐츠를 삽입 (2초 뒤 단발성)
Preview : 모달창과 ajax를 연결한 형태
Preview : 화면이 로드되면 외부 컨텐츠를 삽입하고 쿠키와 연결
Class
| name | description |
| .sp--ajax | ajax 컨테이터 |
| .sp--ajax-btn | ajax 호출 버튼 |
Attribute
| name | description |
| data-url | 호출될 파일 주소 |
| data-target |
컨텐츠를 밀어넣을 타켓. 타켓이 존재하지 않는다면 버튼의 경우 body, load contents 타입의 경우 자신이 타겟이 된다. |
| data-type |
ajax가 수행될때, 로드 타입을 결정한다. 기본값은 빈값이며, 'cover' 의 경우 전체 화면에 로더를 추가한다. |
| data-method | 메소드 지정, 기본값은 GET 이다. POST 를 지원한다. |
| data-scope |
ajax가 데이터를 삽입한다면, 어떤 형태로 삽입할지 결정한다. 기본값은 append 이며, 'replace', 'prepend' 를 지원한다. |
| data-cookie |
해당 ajax 컨테이너가 연결될 쿠키를 지정한다. 쿠키에 의해서 무언가를 결정해야 하는 경우 사용한다. 예를 들어 팝업창이라던가, 이벤트성 메세지라던가 등등. |
| data-delay |
default : 0 ( 단위 ms ) 화면이 로드되고난 후 로드되는 컨텐츠라면, 몇초후에 수행할지 결정한다. |
| data-effect |
컨텐츠 노출 이펙트
애니메이션 코드와 연결해서 사용이 가능하다. |
| data-repeat |
defualt : null 'true' 값을 주면 여러번 수행할 수 있다. 모달창을 불러온다면, 닫고 다시 볼 수 있어야 하므로 이 기능이 필요하다. |
Etc
기본적으로 한개의 컨테이너 속에 여러 호출에 대한 개발은 고려되지 않음.
다만 반복적으로 수행할 수 있는 data-repeat 옵션으로 우회할 수 있다.