ajax 모드 (1) - 내용 블록 모드

최근 에 을 읽 고 있 습 니 다. 자 바스 크 립 트 가 너무 적은 곳 에서 읽 기 가 힘 들 었 을 수도 있 습 니 다. 다행히 앞의 몇 가지 모델 이 상대 적 으로 간단 해서 겨우 알 아 볼 수 있 습 니 다.
내용 블록 모드 content chunking pattern
정의: 하나의 단독 html 페이지 는 여러 개의 콘 텐 츠 블록 을 포함 할 수 있 습 니 다. 이 콘 텐 츠 블록 의 데 이 터 는 각각 참조 되 고 다운로드 되 었 습 니 다.
응용 장면: 하나의 웹 페이지 는 몇 개의 구역 으로 나 뉘 는데 각 구역 의 데 이 터 는 서로 다른 인 터 페 이 스 를 통 해 얻 을 수 있 습 니 다. 그러면 우 리 는 클 라 이언 트 에서 각각 불 러 와 서 서버 가 한 번 에 모두 보 내 는 방식 을 대체 할 수 있 습 니 다.
이 모델 은 가장 자주 사용 하 는 모델 중 하나 이 며, ajax 의 특징 이 라 고 할 수 있 습 니 다.
서버 가 클 라 이언 트 에 보 낸 데 이 터 는 다음 과 같은 몇 가지 가 있 습 니 다.
1. Xml 형식: 첫 번 째 데이터 형식 입 니 다.
2. Xhtml 형식: 이 형식의 데 이 터 는 클 라 이언 트 에서 분석 하지 않 고 적당 한 위치 에 직접 삽입 할 수 있 습 니 다. 그러나 이 형식 은 추천 하지 않 습 니 다. xhtml 형식 은 통용 되 지 않 기 때 문 입 니 다.
3. 자바 script 코드: 클 라 이언 트 가 받 은 js 코드 는 eval 문 구 를 통 해 실 행 될 수 있 습 니 다.이런 방식 은 특수 한 기능 을 완성 할 수 있어 서 매우 유연 하 다.
첫 번 째 와 두 번 째 방식 은 모두 가 자주 사용 하 는 것 일 수 있 지만 세 번 째 방식 은 많은 사람들 이 사용 하지 않 았 다 고 믿 습 니 다. 용법 은 다음 과 같 습 니 다.

function(originalRequest){
     eval(originalRequest.responseText);//        js  
}

그러나 이렇게 서버 가 돌아 오 는 js 코드 는 페이지 와 결합 이 너무 강해 서 서버 코드 의 재 활용 에 불리 합 니 다.