> 웹 프론트엔드 > JS 튜토리얼 > jQuery, AJAX 및 JavaScript의 차이점과 연결

jQuery, AJAX 및 JavaScript의 차이점과 연결

高洛峰
풀어 주다: 2016-11-28 13:39:11
원래의
1256명이 탐색했습니다.

JQuery와 AJAX는 둘 다 Javascript의 프레임워크이며 각각 고유한 기능을 가지고 있습니다. Javascript를 아버지에 비유한다면 JQuery와 AJAX는 Javascript의 생물학적 아들입니다. Javascript의 매우 복잡한 기능은 매우 편리하고 빠르게 구현됩니다. 각각의 기능, 특성 및 적용 사례를 요약해 보겠습니다.

JQuery는 CSS3 및 다양한 브라우저(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+)와 호환되는 경량 js 라이브러리입니다. jQuery를 사용하면 사용자는 HTML 문서 및 이벤트를 보다 쉽게 ​​처리하고, 애니메이션 효과를 구현하고, 웹 사이트에 AJAX 상호 작용을 쉽게 제공할 수 있습니다. jQuery에는 선택할 수 있는 성숙한 플러그인도 많이 있습니다. jQuery는 사용자 HTML 페이지의 코드와 HTML 콘텐츠를 분리하여 유지할 수 있습니다. 즉, 명령을 호출하기 위해 HTML에 여러 개의 js를 삽입할 필요가 없습니다.

JQuery의 목적은 - WRITE LESS, DO MORE입니다. 이는 "적게 먹고 더 많이 수행"을 의미합니다. 프로그래머가 코드를 덜 작성하고 더 많은 일을 하도록 하세요.

JQuery는 언제 사용되나요? 위에서 말한 것과 유사하게, 주요 용도는 다음과 같습니다:

1. 선택기

는 $ 기호를 통해 지정된 요소를 빠르고 정확하게 찾을 수 있습니다. 선택기에는 기본 선택기, 계층적 선택기, 필터 선택기

2. DOM 작업

$ 기호를 통해 DOM 요소를 찾고 노드를 추가 및 삭제합니다. HTML 텍스트 및 값 설정 및 가져오기, 이벤트 추가

3.  양식 확인

5 .     🎜>

위 요약은 JQuery에 대한 내용이고, 아래에 AJAX에 대한 내용을 계속해서 요약하겠습니다.

AJAX는 "Asynchronous JavaScript and XML"(Asynchronous JavaScript and XML)을 의미합니다. 소위 비동기란 이벤트가 트리거된 후에도 브라우저가 여전히 다른 작업을 수행할 수 있으며 이벤트가 발생한 컨트롤과 관련 없는 컨트롤은 영향을 받지 않는다는 것을 의미합니다. AJAX는 더 좋고, 더 빠르며, 더 대화형인 웹 애플리케이션을 만드는 데 사용되는 기술입니다.

.net에서 몇 가지 AJAX 컨트롤만 사용하는 방법을 배우면 AJAX의 Javascript와 XML이 무엇인지 이해하지 못할 수도 있습니다. , 그러나 이를 사용하는 "완벽한" 방법입니다. Javascript와 XML의 사용법을 깊이 이해하기 위해서는 클라이언트가 Webservice(.asmx)와 WCF(.svc)를 받아들이는 방법과 일반 처리 프로그램(.ashx) 파일의 사용법도 마스터해야 합니다

그렇다면 일반적으로 AJAX를 사용하는 때는 언제이며, AJAX를 사용하는 것이 더 적절한 때는 언제입니까? 일반적으로 페이지에서 로컬 변경이 발생할 때 사용됩니다.

1. Form 기반 상호작용

2. Deep Tree Navigation

3. 실시간 사용자 간 소통

4. . 투표, 예 또는 아니요 선택, 등급 평가

5. 필터링 및 복잡한 데이터 작업

6. 일반 입력 시 프롬프트/자동 완성

AJAX 사용 불가 상황:

1. 단순형

2. 검색

3. 많은 양의 정보 교체

5. 디스플레이 작업

6. 쓸모없는 웹 위젯

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿