Ajax에 대한 간략한 설명과 그 장점과 단점

최근 AJAX에 대해 알아보면서 온라인으로 AJAX에 대한 정보를 확인했는데, 주로 AJAX의 기술 도입과 장점과 단점에 대한 내용이었습니다. 여기서는 제가 수집한 정보를 간략히 요약해 보고자 합니다. 대부분의 정보는 인터넷에서 가져온 것이므로 분류 요약만 작성하겠습니다. 저처럼 AJAX를 배우는 친구들에게 도움이 되길 바랍니다.

AJAX, 비동기 Javascript 및 XML은 새로 고침 없는 상태 업데이트 페이지 및 비동기 제출을 달성할 수 있습니다.

장점:

플러그인 지원이 필요하지 않습니다.
뛰어난 사용자 경험
웹 프로그램 성능 향상
서버에 대한 부담을 줄이고 광대역

단점:

앞으로 및 뒤로 버튼이 깨짐
불충분한 검색 엔진 지원
개발 및 디버깅 도구 부족

동기화 및 비동기

동기화: 즉, 한 가지 작업을 하나씩 수행해야 합니다. , 다음 작업을 수행하기 전에 이전 작업이 완료될 때까지 기다립니다.
비동기: 이전 작업이 완료될 때까지 기다릴 필요가 없으며 동시에 여러 작업을 수행할 수 있습니다.

JQuery는 AJAX를 캡슐화합니다. 세 개의 레이어

가장 낮은 레이어: 일부 기본 Ajax 작업을 캡슐화합니다.

전역 메서드: $.ajax()
제출된 데이터는 데이터에 있으며 포스트 모드로 제출됩니다. 제출된 데이터는 "{}"로 래핑되어야 합니다. "key:value" 형식으로 제출됩니다.
전체 양식을 제출할 때 양식 순서를 사용할 수 있습니다. "serialize()"를 변경하고 전체 양식을 제출합니다.
decodeURIComponent(): 데이터 역직렬화
encodeURIComponent(): 직렬화 data, serialize()는 직렬화를 위해 이 메서드도 호출합니다.
serializeArray(): 양식을 json 형식으로 변환합니다.
$.ajaxSetup(): $.ajax의 기본값을 설정하는 데 사용되는 $.ajax()의 데이터를 초기화합니다. () 객체
　 두 번째 레이어: jQuery를 캡슐화하는 Ajax

부분 메서드: .load(url, data, callback)
정적 파일의 비동기 획득에 더 적합
전역 메서드: $.get(url,data,callback,type) ),$.post(url,data,callback,type)
동적 파일로 비동기 파일을 얻는 데 사용할 수 있습니다.
세 번째 계층: get을 캡슐화합니다.

전역 메서드: $.getJSON, $.getScript

로드 요청

　$(document).ajaxStart(function): 요청이 시작될 때 트리거되는 메소드

　$(document).ajaxStop(function): 요청이 종료될 때 트리거되는 메소드

JSON 및 JSONP

dataType이 JSON인 경우 도메인 간 데이터를 가져올 수 없습니다. 도메인 이름 호출 데이터를 얻으려면 도메인 이름을 추가한 후 "?callback="을 추가해야 합니다. dataType이 JSONP인 경우 도메인 간 데이터를 직접 얻을 수 있습니다.

JQXHR 객체

　jQuery jqXHR 객체의 속성과 메소드

위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되길 바랍니다.

관련 기사:

속성 리소스 파일 데이터를 읽는 Ajax 메서드

페이지의 특정 콘텐츠를 정기적으로 업데이트하는 Ajax 메서드

응답 콘텐츠 길이를 가져오는 Ajax 메서드

위 내용은 Ajax에 대한 간략한 설명과 그 장점과 단점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!