AJAX with JavaScript와 jQuery의 차이점은 무엇입니까?

AJAX with JavaScript와 jQuery의 차이점은 무엇입니까?

---

AJAX with jQuery와 AJAX with JavaScript의 차이점은 무엇입니까?

---

이 질문의 목적 상 Javascript는 클라이언트 측 (브라우저에서) 스크립팅 언어입니다.

jQuery는 Javascript로 빌드 된 라이브러리 / 프레임 워크입니다. (거의 보편적으로) 브라우저 간 호환성 문제를 추상화하고 눈에 거슬리지 않는 콜백 기반 자바 스크립트 프로그래밍을 강조하기 때문에 매우 인기가 있습니다.

AJAX (Asynchronous Javascript XML)는 페이지를 다시로드하지 않고도 UI의 일부를 동적으로 업데이트하여 데스크톱 애플리케이션과 더 유사한 경험을 제공하는 방법입니다.

편집하다:

이것에 익숙하지 않은 것 같습니다. 시작 하려면 http://www.w3schools.com/js/default.asp 를 확인하는 것이 좋습니다 . 제가 자바 스크립트를 배우는 데 사용했던 것인데 엄청나게 잘 수행되었습니다.

---

사실 그들 중 하나는 프로그래밍 언어입니다.

• 자바 스크립트 는웹 사이트를 인터랙티브하게 만들기 위해 주로 웹 페이지에서 사용되는 프로그래밍 언어 입니다. 이 컨텍스트에서 웹 페이지가 브라우저에 의해 구문 분석되면 페이지의 메모리 내 표현이 생성됩니다. 페이지의 모든 요소를 ​​포함하는 트리 구조입니다. 따라서 다른 요소를 포함하는 다른 요소를 포함하는 head 및 body 요소를 포함하는 루트 요소가 있습니다. 그래서 그것은 기본적으로 나무처럼 보입니다. 이제 자바 스크립트로이 트리를 사용하여 페이지의 요소를 조작 할 수 있습니다. ID ( getElementsById ), 태그 이름 ( getElementsByTagName ) 또는 단순히 트리 ( parentNode , firstChild , lastChild)를 통해요소를 선택할 수 있습니다., nextSibling , previousSibling 등). 작업 할 요소가 있으면 페이지에서 요소의 모양, 내용 또는 위치를 변경하여 수정할 수 있습니다. 이 인터페이스는 DOM (Document Object Model) 이라고도합니다 . 따라서 다른 프로그래밍 언어가 할 수있는 모든 것을 자바 스크립트로 할 수 있으며,이를 웹 페이지에 임베드하여 사용하면 페이지를 대화식으로 변경할 수있는 현재 웹 페이지의 메모리 내 개체도 얻을 수 있습니다.

  최근 몇 년 동안 JavaScript 는 Node.js 라는 환경에서 실행 되는 인기있는 서버 측 언어가되었습니다 . 이는 브라우저와 서버간에 코드의 공통 부분을 공유 할 수있는 방법을 열었습니다.

• AJAX 는 페이지 내에서 브라우저와 서버 간의 통신 기술입니다 . 채팅이 좋은 예입니다. 페이지를 떠나지 않고도 메시지를 작성하고 메시지를 보내고 다른 메시지를받을 수 있습니다. 브라우저에서 제공 하는 XMLHTTP 개체를 사용하여 클라이언트 측에서 Javascript와이 네트워크 상호 작용을 관리 할 수 ​​있습니다 .

• jQuery 는 일반적으로 클라이언트 측 웹 개발 을 단순화 하는 것을 목표 로 하는 라이브러리입니다 ( 위의 다른 두 개 ). 이것은 CSS 및 HTML과 같은 공통 언어를 Javascript에서 재사용 할 수 있도록 abstracion 레이어를 생성합니다. 또한 서버와 매우 쉽게 통신하는 데 사용할 수있는 기능 (AJAX)도 포함되어 있습니다. Javascript로 작성되었으며 모든 작업을 수행하지는 않으며 일반적인 작업을 더 쉽게 만듭니다. 또한 브라우저의 일부 오해와 버그를 숨 깁니다.

요약하자면 :

• 자바 스크립트는 프로그래밍 언어 (객체, 배열, 숫자, 문자열, 계산)입니다.
• AJAX 및 jQuery는 Javascript를 사용합니다.
• jQuery는 AJAX 및 페이지 조작 (스타일, 애니메이션 등)으로 일반적인 작업을 단순화하기위한 것입니다.

마지막으로 몇 가지 구문을보기위한 예 :

// page manipulation in javascript
var el = document.getElementById("box");
el.style.backgroundColor = "#000";
var new_el = document.createElement("div");
el.innerHTML = "<p>some content</p>";
el.appendChild(new_el);

// and how you would do it in jQuery
$("#box")
  .css({ "background-color": "#000" })
  .append("<div><p>some content</p></div>");

---

세 가지 유일한 자바 스크립트 중 프로그래밍 언어입니다. jQuery 는 자바 스크립트를 기반으로하며 DOM 조작, 일부 효과 및 애니메이션 추가, 가장 중요한 것은 크로스 브라우저 방식으로 수행하는 것과 같은 지루한 작업을 단순화하는 프레임 워크입니다. jQuery에 의해 단순화 된 작업 중 하나는 브라우저가 웹 서버에 비동기 요청을 보내 풍부한 웹 애플리케이션을 허용하는 개념 인 AJAX 입니다.

---

AJAX는 기술입니다. Jquery는 라이브러리 입니다. 자바 스크립트는 언어 입니다.

---

AJAX는 웹 페이지에서 서버로 XMLHttpRequest를 수행하고 웹 페이지에서 사용할 데이터를 전송 / 검색하는 방법입니다. Asynchronous Javascript And XML을 의미합니다. 자바 스크립트를 사용하여 XMLHttpRequest를 생성합니다 (브라우저에 따라 다름).

jQuery는 DOM을 조작하는 데 사용할 수있는 자바 스크립트 프레임 워크입니다 (DOM 검색 및 상호 작용). jQuery는 AJAX 요청을 추상적으로 수행하는 고급 인터페이스를 구현하여 요청을 수행 할 때 다중 브라우저 지원을 제공합니다.

따라서 Ajax는 기술 패러다임 인 반면 jquery는 라이브러리이므로 비교할 수 없습니다.

---

AJAX는 백그라운드에서 서버와 통신하는 방법입니다. JavaScript는 브라우저가 이해하는 언어입니다. jQuery는 브라우저 용으로 프로그래밍하려는 사람들의 삶을 더 쉽게 만들어주는 JavaScript 프레임 워크입니다.

---

• JS는 클라이언트 측 프로그래밍 언어입니다.

• jQuery는 프레임 워크이지만 유일한 프레임 워크는 아닙니다. 또 다른 JS 프레임 워크는 AngularJS, Mootools, NodeJS, BackboneJS 등입니다. 이 프레임 워크를 사용하면 순수 JS가 할 수없는 작업이나 "복잡한"(정확한 단어를 찾지 못함) 작업을 수행 할 수 있습니다. Void가 말했듯이, 프레임 워크에 대한 내 대답에 그의 대답을 적용하면 "브라우저 용으로 프로그래밍하려는 사람들의 삶이 더 쉬워집니다."

• AJAX를 사용하면 웹 페이지를 서버에 전달할 수 있습니다. AJAX는 JS에 의존하여 작동합니다.

---

자바 스크립트는 프로그래밍 언어가 아닌 스크립팅 언어입니다. Jquery와 ajax는 웹 사이트의 전체 사용자 인터페이스를 변경하지 않고도 웹 사이트의 특정 부분에 대한 쿼리를 조작하는 데 도움이되는 간단한 자바 스크립트 버전입니다.

참고URL : https://stackoverflow.com/questions/3127938/what-is-the-difference-between-ajax-with-javascript-and-jquery