AJAX 애플 리 케 이 션 에서 습득 해 야 할 중점 지식(공유)

AJAX 가 뭐 예요?
Asynchronous Javascript And XML 의 이니셜 입 니 다.새로운 언어 가 아니 라 기 존 기술 을 종합 적 으로 이용 합 니 다.본질 적 으로 HTTP 프로 토 콜 을 바탕 으로 비동기 방식 으로 서버 와 통신 하 는 것 이다.
비동기 적 개념?
특정한 프로그램 이 실 행 될 때 다른 프로그램의 실행 을 막 지 않 고 프로그램의 실행 순 서 는 프로그램 자체 의 쓰기 순서 에 의존 하지 않 으 며 반대로 동기 화 되 는 것 을 말한다.
비동기 적 역할?
프로그램의 집행 을 막 지 않 고 전체적인 집행 효율 을 높이 는 것 이 장점 이다.
AJAX 의 핵심?
XML HTTPRequest,약자 XHR,Xml 태그 언어 확장,Http 하이퍼텍스트 전송 프로 토 콜,Request 요청.XML HttpRequest 대상 은 서버 에 전체 페이지 를 제출 하지 않 은 상태 에서 부분 적 으로 웹 페이지 를 업데이트 할 수 있 습 니 다.XML HttpRequest 대상 은 POST 와 HEAD 요청,일반적인 GET 요청 을 하 는 능력 을 포함 하여 HTTP 프로 토 콜 에 대한 완전한 접근 을 제공 합 니 다.XML HttpRequest 는 웹 서버 의 응답 을 동기 화하 거나 비동기 로 되 돌려 주 며 텍스트 나 DOM 문서 로 내용 을 되 돌려 줍 니 다.그것 은 AJAX 의 웹 프로그램 구조의 관건 적 인 기능 인 모든 형식의 텍스트 문 서 를 받 아들 일 수 있다.
앞에서 말 했 듯 이 XML HTTPRequest 는 모든 형식의 문 서 를 받 을 수 있다 면 네트워크 전송 에서 자주 사용 하 는 두 개의 데이터 형식 을 언급 할 수 밖 에 없다.
두 가지 상용 데이터 형식 xml 와 JSON?
xml：
xml 의 정의:태그 언어 를 확장 할 수 있 습 니 다.전자 파일 을 표시 하여 구조 적 인 태그 언어 입 니 다.
xml 의 규범:
1.뿌리 요소 가 있어 야 합 니 다.
2.빈 칸 이 있어 서 는 안 되 고 숫자 나 시작,대소 문자 가 민감 해 서 는 안 된다.
3.교차 삽입 불가
4.속성 더 블 따옴표(브 라 우 저 에서 더 블 따옴표 로 자동 수정)
5.특수 기 호 는 실 체 를 사용 해 야 한다.
6.주석 은 HTML 과 같다
복잡 한 데 이 터 를 묘사 하고 전송 할 수 있 지만 해석 이 너무 복잡 하고 부피 가 커서 개발 을 실현 하 는 데 거의 사용 되 지 않 는 다.
xml 사용 절차 약술:
xml 는 DOM 대상 이기 때문에 직접 DOM 방법 을 사용 할 수 있 습 니 다.
１、var xml=xhr.responseXML;XML 가 져 오기(PHP 가 주 는 인터페이스)
２、var items=xml.querySelector('item');xml 문서 구조 가 져 오기
3.문자열 조합
3.1 var html='초기 화;
3.2 for(){데이터 가 져 오기 var item=item[i],}html+='태그+데이터'맞 추기
4,렌 더 링 document.query Selector('tbody').innerHTHML=html
JSON：
JSON 정의:JavaScript Object Notation,다른 경량급 텍스트 데이터 교환 형식 으로 언어 에 독립 되 어 있 습 니 다.
JSON 의 규범:
1.데이터 이름/값 쌍 에 있 음
2.데 이 터 는 쉼표 로 구 분 됩 니 다(마지막 건/값 은 쉼표 를 가 져 올 수 없습니다)
3.괄호 저장 대상 괄호 저장 배열
4.따옴표 사용
JSON 의 크로스 언어 해석:
JSON 데 이 터 는 서로 다른 언어 로 전 송 될 때 문자열 형식 이 고 서로 다른 언어 도 각각 해석 방법 이 있어 해석 이 완 료 된 후에 야 읽 을 수 있 습 니 다.
1.PHP 해석 방법
배열 전 json 문자 jsonencode－＞$json_array = json_encode($array)；
json 문자 배열 jsondecode－＞$array_json = json_decode($json_array);
2.Javascript 분석 방법
문자열 변환 대상 parse-＞var jsonObj=JSON.parse(jsonStr);
대상 문자열 stringify-＞var jsonStr=JSON.stringify(jsonObj);
tips:JSON 호 환 처리 참조 json 2.js
XML HttpRequest 의 이벤트 감청 onreadystatechange?
이상 의 AJAX 응용 프로그램 에서 반드시 습득 해 야 할 중점 지식(공유)은 바로 편집장 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 에 게 참고 가 될 수 있 고 많은 응원 을 바 랍 니 다.