AJAX 애플리케이션에서 중요한 지식 포인트를 숙지해야 합니다.

이 기사에서는 주로 AJAX 애플리케이션에서 숙달해야 하는 몇 가지 핵심 지식(공유)을 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

AJAX란?

은 Asynchronous Javascript And XML의 약자로 새로운 언어가 아니라 기존 기술을 종합적으로 활용한 것입니다. 그 본질은 HTTP 프로토콜을 기반으로 비동기 방식으로 서버와 통신하는 것입니다.

비동기의 개념?

은 특정 프로그램이 실행될 때 다른 프로그램의 실행을 방해하지 않는다는 뜻입니다. 프로그램의 실행 순서는 프로그램 자체의 작성 순서에 좌우되지 않는다는 표현입니다. 반대로 동기식입니다.

비동기식의 역할?

프로그램의 실행을 막지 않아 전체적인 실행 효율성이 향상된다는 장점이 있습니다.

AJAX의 핵심?

XMLHTTPRequest, 줄여서 XHR, Xml 확장 가능 마크업 언어, Http 하이퍼텍스트 전송 프로토콜, 요청 요청. XMLHttpRequest 개체는 전체 페이지를 서버에 제출하지 않고도 웹 페이지를 부분적으로 업데이트할 수 있습니다. XMLHttpRequest 개체는 일반적인 GET 요청뿐만 아니라 POST 및 HEAD 요청을 만드는 기능을 포함하여 HTTP 프로토콜에 대한 전체 액세스를 제공합니다. XMLHttpRequest는 웹 서버의 응답을 동기적 또는 비동기적으로 반환할 수 있으며 콘텐츠를 텍스트 또는 DOM 문서 형식으로 반환할 수 있습니다. 이는 모든 형태의 텍스트 문서를 수용할 수 있으며 AJAX 웹 애플리케이션 아키텍처의 핵심 기능입니다.

앞서 언급했듯이 XMLHTTPRequest는 모든 형태의 문서를 수신할 수 있으므로 네트워크 전송에 일반적으로 사용되는 두 가지 데이터 형식을 언급해야 합니다.

일반적으로 사용되는 두 가지 데이터 형식인 xml과 JSON은 무엇입니까?

xml:

xml 정의: Extensible Markup Language는 전자 문서를 구조화하기 위해 표시하는 데 사용되는 마크업 언어입니다.

xml 사양:

1. 루트 요소가 있어야 합니다.
2. 앞에 공백이나 .가 없어야 하며, 대소문자를 구분해야 합니다.
3. 큰따옴표는 브라우저에서 자동으로 수정됩니다. 큰따옴표)
5. 특수 기호에는 엔터티를 사용합니다.
6. 주석은 HTML과 동일합니다

복잡한 데이터를 설명하고 전송할 수 있지만 파싱이 너무 복잡하고 크기가 커서 구현 개발에서는 거의 사용되지 않습니다.

xml 사용 단계에 대한 간략한 설명:

xml은 DOM 객체이므로 DOM 메서드를 직접 사용할 수 있습니다.

1, var xml=xhr.responseXML get XML(PHP에서 제공하는 인터페이스)

2 , var items=xml.querySelector ('item'); xml

3의 문서 구조 가져오기, 문자열 접합

3.1, 초기화 var html='';

3.2, traverse for(){get data var item=item[i ], } 접합 html+='label+data'

4, 렌더링 document.querySelector('tbody').innerHTHML=html

JSON:

JSON 정의: JavaScript 객체 표기법, 또 다른 경량 텍스트 데이터 교환 형식, 언어 독립적.

JSON 사양:

1. 데이터는 이름/값 쌍입니다.

2. 데이터는 쉼표로 구분됩니다(마지막 키/값 쌍에는 쉼표가 있을 수 없음).
3. 중괄호는 객체를 저장합니다.
4. . 큰따옴표의 언어 간 구문 분석 사용

JSON:

JSON 데이터가 다른 언어로 전송되는 경우 유형은 문자열입니다. 다른 언어에도 해당 구문 분석 방법이 있으며 이를 읽기 전에 구문 분석해야 합니다.

1. PHP 구문 분석 방법

배열을 json_encode로 변환 ->$json_array = json_encode($array);

json 문자를 json_decode로 변환 ->$array_json = json_decode($json_array);

2. 구문 분석 방법

문자열을 객체로 변환->var jsonObj=JSON.parse(jsonStr);

객체를 문자열로 변환->var jsonStr=JSON.stringify(jsonObj)

팁: JSON 호환 처리 참조 json2. Node.js

XMLHttpRequest의readystatechange에 대한 이벤트 모니터링?

관련 권장 사항:

jquery에서 ajax 응용 프로그램의 load() 함수에 대한 자세한 예

jquery의 Ajax 응용 프로그램 예

JS, AJAX 응용 프로그램_javascript 기술에 대한 JavaScript 학습 요약

위 내용은 AJAX 애플리케이션에서 중요한 지식 포인트를 숙지해야 합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!