JavaScript를 사용하는 AJAX와 jQuery의 차이점은 무엇입니까?
jQuery를 사용하는 AJAX와 JavaScript를 사용하는 AJAX의 차이점은 무엇입니까?
사실 그 중 하나만 프로그래밍 언어입니다.
자바스크립트는 주로 웹 사이트에서 대화형으로 사용되는 프로그래밍 언어입니다.이 문맥에서 웹 페이지가 브라우저에 의해 해석되면 해당 페이지의 메모리 내 표현이 생성됩니다.이것은 페이지의 모든 요소를 포함하는 트리 구조입니다.루트 요소는 머리와 신체 요소를 포함하고 있으며 다른 요소를 포함하고 있습니다.그래서 기본적으로 나무처럼 보입니다.이제 javascript를 사용하여 이 트리를 사용하여 페이지 내의 요소를 조작할 수 있습니다.ID(getElementsById) 또는 태그 이름(getElementsByTagName)을 기준으로 요소를 선택하거나 트리(parentNode, firstChild, lastChild, nextSibling, previousSibling 등)를 통해 요소를 선택할 수 있습니다.작업할 요소가 있으면 페이지의 모양, 내용 또는 위치를 변경하여 수정할 수 있습니다.이 인터페이스는 DOM(Document Object Model)이라고도 합니다.다른 프로그래밍 언어가 할 수 있는 Javascript를 사용하여 모든 것을 할 수 있으며, 웹 페이지에 내장된 Javascript를 사용하면 현재 웹 페이지의 in-memory Object를 얻을 수 있습니다.이것에 의해, 페이지를 인터랙티브하게 변경할 수 있습니다.
최근 몇 년 동안 JavaScript는 Node.js라는 환경에서 실행되는 서버 측 언어로도 널리 사용되고 있습니다.이것에 의해, 브라우저와 서버간에 코드의 공통 부분을 공유할 수 있게 되었습니다.
AJAX는 브라우저와 서버 간의 페이지 내 통신 기술입니다.채팅이 좋은 예입니다.페이지를 떠나지 않고 메시지를 쓰고, 메시지를 보내고, 다른 메시지를 받을 수 있습니다.브라우저가 제공하는 XMLHTTP 개체를 사용하여 클라이언트 측에서 Javascript와 네트워크 상호 작용을 관리할 수 있습니다.
jQuery는 일반적으로 클라이언트 측 웹 개발을 단순화하는 것을 목적으로 하는 라이브러리입니다(위의 두 가지).이것은 자바스크립트의 CSS나 HTML과 같은 공통 언어를 재사용할 수 있도록 Abstracion 층을 만듭니다.또한 서버와 매우 쉽게 통신할 수 있는 기능(AJAX)도 포함되어 있습니다.Javascript로 작성되어 있기 때문에, 모든 것을 할 수 있는 것은 아니고, 일반적인 작업만 간단하게 할 수 있습니다.또한 브라우저에 대한 오해와 버그도 숨겨줍니다.
정리하면:
- 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>");
이 질문의 목적상 Javascript는 (브라우저에서) 클라이언트 측 스크립트 언어입니다.
jQuery는 Javascript로 작성된 라이브러리/프레임워크입니다.이는 (거의 보편적으로) 크로스 브라우저 호환성 문제를 추상화하고 눈에 띄지 않는 콜백 방식의 Javascript 프로그래밍을 강조하기 때문에 매우 인기가 있습니다.
AJAX(Asynchronous Javascript XML)는 페이지를 새로고침하지 않고도 UI의 일부를 동적으로 업데이트하여 데스크톱 어플리케이션과 비슷한 경험을 할 수 있는 방법입니다.
편집:
처음 듣는 것 같네요.http://www.w3schools.com/js/default.asp을 방문하여 시작하는 것이 좋습니다.javascript를 배울 때 쓰던 건데 아주 잘 되고 있어요.
javascript 3개 중 프로그래밍 언어가 있습니다.jQuery는 javascript를 기반으로 하는 프레임워크로 DOM 조작, 효과 및 애니메이션 추가, 가장 중요한 크로스 브라우저 방식으로 작업하는 등의 지루한 작업을 단순화합니다.jQuery에 의해 단순화된 태스크 중 하나는 AJAX입니다.AJAX는 브라우저가 웹 서버에 비동기 요청을 전송하여 보다 풍부한 웹 애플리케이션을 가능하게 하는 개념입니다.
AJAX는 테크놀로지입니다.Jquery는 도서관이다.Javascript는 언어입니다.
AJAX는 웹 페이지에서 서버로 XMLHttpRequest를 실행하여 웹 페이지에서 사용되는 데이터를 송수신하는 방법입니다.Asynchronous Javascript And XML의 약자로, javascript를 사용하여 XMLHttpRequest(브라우저마다 다름)를 구축합니다.
jQuery는 DOM(DOM 검색 및 대화) 조작에 사용할 수 있는 Javascript 프레임워크입니다.jQuery는 AJAX 요청을 추상적으로 수행하기 위한 고급 인터페이스를 구현하여 요청을 작성할 때 멀티 브라우저 지원을 제공합니다.
Ajax는 테크놀로지 패러다임이지만 jquery는 라이브러리이기 때문에 비교할 수 없습니다.
AJAX는 백그라운드에서 서버와 대화하는 방법입니다.JavaScript는 브라우저가 인식하는 언어입니다.jQuery는 브라우저용 프로그래밍을 원하는 사람들의 삶을 쉽게 해주는 JavaScript 프레임워크입니다.
JS는 클라이언트 측 프로그래밍 언어입니다.
jQuery는 프레임워크이지만 유일한 프레임워크는 아닙니다.또 다른 JS 프레임워크로는 AngularJS, Mootools, NodeJs, BackboneJs 등이 있습니다.이 프레임워크 중 하나를 사용하여 순수 JS가 수행할 수 없는 작업 또는 "복잡한" 작업(올바른 단어를 찾을 수 없음)을 수행할 수 있습니다.Void가 말했듯이, 프레임워크에 관한 나의 답변에 그의 답변을 수정하면, "브라우저에 대해 프로그래밍을 원하는 사람들의 삶을 더 쉽게 만들 수 있다."
AJAX를 사용하면 웹 페이지를 서버와 통신할 수 있습니다.AJAX는 JS에 의존하여 동작합니다.
Javascript는 스크립트 언어이며 프로그래밍 언어가 아닙니다.jquery와 ajax는 javascript의 단순화된 버전으로 웹사이트의 전체 사용자 인터페이스를 변경하지 않고도 웹사이트의 특정 부분에 대한 쿼리를 조작할 수 있습니다.
언급URL : https://stackoverflow.com/questions/3127938/what-is-the-difference-between-ajax-with-javascript-and-jquery
'programing' 카테고리의 다른 글
| 스프링 부트: 2개의 데이터 소스 구성 및 사용 (0) | 2023.02.22 |
|---|---|
| AngularJs 문자열의 첫 글자를 대문자로 표시 (0) | 2023.02.22 |
| NVL과 병합의 Oracle 차이점 (0) | 2023.02.22 |
| WordPress - 커스텀 투고 타입, 커스텀 롤, 커스텀 기능 (0) | 2023.02.22 |
| JSON 문자열에서 해시 맵 생성 (0) | 2023.02.18 |