ajax api 예제

모든 콜백 내에서 이 참조는 설정에서 $.ajax에 전달된 컨텍스트 옵션의 개체입니다. 컨텍스트를 지정하지 않은 경우 이는 Ajax 설정 자체에 대한 참조입니다. $.ajax() 함수는 jQuery에서 보낸 모든 Ajax 요청의 기초가 됩니다. $.get() 및 .load()와 같은 몇 가지 상위 수준의 대안을 사용할 수 있고 사용하기 쉽기 때문에 이 함수를 직접 호출할 필요가 없습니다. 그러나 덜 일반적인 옵션이 필요한 경우 $.ajax()를 보다 유연하게 사용할 수 있습니다. HTTP는 동사를 사용하여 얻기, 만들기, 업데이트 및 삭제와 같은 작업을 설명합니다. POST 동사는 일반적으로 리소스를 만드는 데 사용되며 이 구는 예제에서 사용할 동사입니다. 이것은 Ajax 요청이 구조화되는 방법입니다: $.ajax()의 내용은 기본적으로 요청을 구성하는 데 사용할 값을 취하는 객체입니다. 위의 예는 베어본 GET 호출을 만드는 것만큼 간단합니다. 우리는 각 태그를 반복하고 그 내용 (URL)을 API에 전달하고, 응답으로 객체를 수신하고 있습니다. jQuery 1.5.1을 참조하면 jqXHR 개체에는 재정의MimeType() 메서드도 포함되어 있습니다(jQuery 1.4.x에서도 사용할 수 있었지만 jQuery 1.5에서 일시적으로 제거됨).

.overrideMimeType() 메서드는 예를 들어 응답 콘텐츠 유형 헤더를 수정하기 위해 beforeSend() 콜백 함수에서 사용할 수 있습니다. 나는 항상 사용하지 않는다. 예: response.json()이 PROMISE를 반환한다는 점에 유의하십시오. 이것은 일반적인 오해입니다. 이 문서는 비동기 / await 예제에서 오해의 소지가 있는 비트이며, 데이터 변수는 약속이 될 것이지만 예제 종류는 response.json () 호출 앞에서 wait를 사용하지 않음으로써 동기화되는 것처럼 보입니다. 때때로, 우리는 우리가 만들고 싶은 Ajax 호출에 대한 더 많은 제어가 필요합니다. 예를 들어 Ajax 호출이 실패하거나 Ajax 요청을 수행해야 하지만 일정 시간 내에 검색된 경우에만 결과가 필요한 경우 수행할 작업을 지정하려고 합니다. 이러한 상황에서는 이 자습서의 주제인 $.ajax()라고 하는 jQuery에서 제공하는 다른 함수를 사용할 수 있습니다. Ajax의 첫 번째 문자는 “비동기”를 의미하며, 이는 작업이 병렬로 발생하고 완료 순서가 보장되지 않음을 의미합니다.

$.ajax()에 대한 비동기 옵션은 기본값으로 true로 설정되며, 이는 요청이 이루어진 후에도 코드 실행을 계속할 수 있음을 나타냅니다. 이 옵션을 false로 설정하여 더 이상 비동기 호출을 하지 않도록 설정하면 브라우저가 응답하지 않는 것이 좋습니다. 위의 멘탈 모델의 HTML 페이지가 단일 GET 요청이었던 것처럼 다른 유형의 요청에서도 동일한 작업을 수행할 수 있습니다. 예를 들어 POST, PUT, PATCH 또는 DELETE를 사용하여 서버의 데이터를 수정할 수 있습니다. 응답에 해당 코드가 있을 때 호출할 숫자 HTTP 코드 및 함수의 개체입니다. 예를 들어 응답 상태가 404일 때 다음 경고가 표시됩니다: jQuery AJAX Method의 가장 좋은 기능 중 하나는 API를 호출하여 외부 웹 사이트에서 데이터를 로드하고 JSON 또는 XML 형식으로 응답을 받는 것입니다. 이 예제에서는 jQuery AJAX에서 이러한 API 호출을 하는 것이 얼마나 쉬운지 보여 드리겠습니다.