XMLHttpRequest, jQuery.ajax, jQuery.post, jQuery.get의 차이점은 무엇입니까?

XMLHttpRequest, jQuery.ajax, jQuery.post, jQuery.get의 차이점은 무엇입니까?

상황에 가장 적합한 방법은 어떻게 알 수 있습니까?기능이나 퍼포먼스의 차이를 알 수 있는 예를 제시해 주실 수 있습니까?

• XMLHttpRequest 는 jQuery가 보다 사용하기 쉽고 간단한 형식으로 정리한 원시 브라우저 객체이며 브라우저 간에 일관된 기능을 제공합니다.

• jQuery.ajax 는 jQuery의 일반적인 Ajax 요청자로 모든 유형 및 콘텐츠 요청을 수행할 수 있습니다.

• jQuery.get 한편, GET 요구와 POST 요구 밖에 발행할 수 없습니다.이게 뭔지 모르면 HTTP 프로토콜을 체크하고 조금 배워보세요.내부적으로 이 두 가지 기능은jQuery.ajax, 이러한 에서는 사용자가 가 없는는 GET 또는 POST 요구보다 해집니다.jQuery.ajax(DELETE, PUT, HEAD, Exotics) GET, POST, HTTP.

는 jQuery를 사용합니다.XMLHttpRequest오브젝트를 백그라운드로 설정하지만 사용자가 직접 수행할 필요가 없는 추가 기능을 제공합니다.

사용.

따라서 jQuery를 사용하는 경우 jQuery 기능만 사용할 것을 강력히 권장합니다.잊어버려XMLHttpRequest 요구 하고, 그 jQuery를 사용합니다.$.ajax(). 그래서 다른 일반적인 jQuery Ajax 관련 함수가 있다는 것을 잊지 마세요.$.get(),$.post() ★★★★★★★★★★★★★★★★★」$.ajax() 그럼 그냥 ㄴ, ㄴㄴ, ㄴ, ㄴ, ㄴ, ㄴ, ㄴ, ㄴ, ㄴ, ㄴ, ㄴ, ㄴ, ㄴ.$.ajax()요청하신 모든 것에 대해, 하지만 코드를 조금 더 작성해야 합니다. 왜냐하면 이 코드를 호출하려면 더 많은 옵션이 필요하기 때문입니다.

유추

마치 자동차 엔진을 사서 스티어링, 브레이크 등을 사용하여 자동차 전체를 만들어야 하는 것과 같습니다.자동차 메이커는, 친숙한 인터페이스(페달, 핸들 등)를 갖춘 완성차를 생산하고 있기 때문에, 모든 것을 스스로 실시할 필요는 없습니다.

각각 XMLHttpRequest를 사용합니다.이것은 브라우저가 요청을 작성하기 위해 사용하는 것입니다.jQuery는 JavaScript 라이브러리일 뿐이며 $.ajax 메서드는 XMLHttpRequest 작성에 사용됩니다.

$.post 및 $.get은 의 줄임말일 뿐입니다.$.ajax하지만, AJAX 요구의 할 수 있습니다.$.post와 HTTP POST 를 합니다.$.get요구를 합니다.

jQuery.get을 위한 포장지입니다.jQuery.ajaxXMLHttpRequest: XMLHttpRequest입니다.

XMLHttpRequest와 Fetch API(현시점에서는 실험적인 API)만이 DOM에 있으므로 가장 빠릅니다.

정확하지 않은 정보가 많아져서 테스트 페이지를 만들었습니다.누구나 버전 중 어느 것이 가장 좋은지 테스트 할 수 있습니다.

https://jsperf.com/xhr-vs-jquery-ajax-vs-get-vs-fetch

오늘 테스트에서 jQuery만이 클린 솔루션이나 고속 솔루션이 아니라는 것을 알 수 있었습니다.모바일 또는 데스크톱의 경우 jQuery는 XHR2보다 적어도 80% 느립니다.Ajax를 너무 많이 사용하면 모바일에서 간단한 사이트를 로드하는 데 많은 시간이 걸립니다.

사용법 자체는 링크에도 있습니다.

jQuery.post 및 jQuery.get은 일반적인 페이지 로드를 시뮬레이트합니다.즉, [Submit]버튼을 클릭하면, 새로운 페이지가 표시됩니다(또는 같은 페이지를 새로고침합니다).post 및 get은 데이터가 서버로 전송되는 방식이 약간 다릅니다(이 문서에 대한 자세한 내용은 여기를 참조하십시오).

jQuery.ajax 및 XMLHttpRequest는 페이지가 변경되지 않는다는 점을 제외하고 post 및 get과 유사한 페이지 로드입니다.서버가 반환하는 정보는 페이지 레이아웃을 수정하는 등 javascript에서 로컬로 사용할 수 있습니다.일반적으로 사용자가 페이지를 탐색할 수 있는 동안 비동기 작업을 수행하는 데 사용됩니다.예를 들어 데이터베이스 값에서 동적으로 로드하여 텍스트 필드를 완성하는 자동 완성 기능을 들 수 있습니다.jQuery.ajax와 XMLHttpRequest의 근본적인 차이점은 jQuery.ajax가 XMLHttpRequest를 사용하여 동일한 효과를 얻지만 보다 단순한 인터페이스를 사용한다는 것입니다.jQuery를 사용하는 경우 jQuery.ajax를 사용하는 것이 좋습니다.

오래된 투고입니다만, Web Workers와 작업하면서 직면했던 한 가지 차이점(javascript)에 대해서는 아직 답변하고 싶습니다.

웹 워커는 UI 수준의 액세스 권한을 가질 수 없습니다.즉, 웹 워커를 사용하여 실행하려는 JavaScript 코드의 DOM 요소에 액세스할 수 없습니다.창, 문서 및 상위 개체는 웹 작업자 코드로 액세스할 수 없습니다.

아시다시피 jQuery 라이브러리는 HTML DOM에 연결되어 있으며 이를 허용하면 "No DOM access" 규칙을 위반하게 됩니다.jQuery.ajax, jQuery.post, jQuery.get 등의 메서드는 웹 워커에서 사용할 수 없기 때문에 이 작업은 다소 번거로울 수 있습니다.다행히 XMLHttpRequest 개체를 사용하여 Ajax 요청을 만들 수 있습니다.

jQuery 메서드에 관한 한.post그리고..get간단히 하다.ajax내부적으로, 그들의 목적은 불필요한 선택사항의 일부를 추상화하는 것이다..ajax및 해당 유형의 요청에 적합한 기본값을 각각 제공합니다.

이 세 가지 중 어느 것이든 성능 면에서 큰 차이가 있을지 의문입니다.

그.ajax메서드 자체는 XMLHttpRequest를 실행하며 jQuery의 나머지 부분과 마찬가지로 고도로 최적화되지만 전체 상호작용을 직접 커스터마이즈한 것처럼 효율적이지 않을 수 있습니다.하지만 그게 코드를 많이 쓰는 것과 쓰는 것의 차이입니다.jQuery.ajax.

언급URL : https://stackoverflow.com/questions/4657287/what-is-the-difference-between-xmlhttprequest-jquery-ajax-jquery-post-jquery