Intercooler.js로 HTML에 Ajax 믹스
결코 쉬운 일이 아닙니다. 모든 웹 사이트에 Ajax 추가하기. 사실 전체 웹 사이트를 구축하는 것이 일반적입니다. Ajax 요청을 기반으로 전화 한 단일 페이지 응용 프로그램 (또는 SPA).
그러나 이것은 항상 약간의 jQuery와 기술적 인 논쟁이 필요했습니다. 페이지 내용 업데이트. 네가 좀 필요하다면 기본적인 Ajax 기능 당신이 사용할 수있는 인터쿨러 .js 이 권리를 HTML에 혼합하는 방법.
Intercooler를 사용하면 기본적으로 Ajax 요청 URL 포함. 사용자가 특정 링크를 클릭하면 Ajax 요청 실행 정상적인 클릭 동작 대신.
모두 HTML5 데이터 - * 속성에 의존합니다. 와 같은 ic-post-to. 버튼이나 앵커 링크에이 속성을 추가 할 수 있습니다. 자동으로 jQuery에 연결 Ajax POST 요청.
실제로 페이지가 있습니다. 이러한 속성들로 가득 차있다. 플러그인 웹 사이트에서. 여기에 약간의 샘플 코드 어떻게 보이는지보기 :
클릭 해주세요!
이것은 URL에 Ajax POST 요청 보내기 / buton_click, 과 응답로드 용기 요소에 넣는다. Intercooler는 매우 간단한 라이브러리이며 매우 효과적입니다..
이것이 Ajax의 모든 문제를 해결할 수는 없으므로 페이지의 다른 영역을 자동으로 업데이트 할 수 없습니다.. 또한 사용자 정의 기능을 너무 많이 추가 할 수 없습니다. 페이지 속도를 늦추지 않고 온천 정말로해야한다. 커스텀 Ajax 코드 사용하기.
Intercooler.js는 Ajax 코드 작성을위한 의미 론적 방법 로드하고 심지어 원시 폴백을 제공합니다..
에 인터쿨러를 설치하다 너는 jQuery의 복사본 함께 인터쿨러 라이브러리 사본 GitHub에서 찾을 수 있습니다. 너는 심지어 다운로드하지 않고 테스트 jQuery CDN 및 로컬 Intercooler CDN을 사용하여 모든 파일.
둘 모두를 >
엿보기 데모 페이지 보려고 데모 전체 목록 당신은 장난감을 가지고 놀 수 있습니다. 나는 특히 '클릭하여 편집'데모가 마음에 들었습니다. 왜냐하면이 플러그인을 사용할 수있는 방법과 가능한 범위가 정확히 표시되기 때문입니다..
관심이 있다면 더 배우기 체크 아웃 참조 가이드 인터쿨러 HTML 속성으로 가득 차 있습니다. 각각 다른 행동을 취한다. 그래서 그것들을 전부 연구하고 무엇을보아야하는지 결정적입니다. 가장 잘 어울린다 귀하의 시나리오.
당연히 모든 소스 코드 GitHub에서 무료로 간단한 설치 안내서.
