$.ajax() 함수는 jQuery에서 보낸 모든 Ajax 요청의 기초가 됩니다. $.get() 및 .load()와 같은 몇 가지 상위 수준의 대안을 사용할 수 있고 사용하기 쉽기 때문에 이 함수를 직접 호출할 필요가 없습니다. 그러나 덜 일반적인 옵션이 필요한 경우 $.ajax()를 보다 유연하게 사용할 수 있습니다. Ajax의 첫 번째 문자는 “비동기”를 의미하며, 이는 작업이 병렬로 발생하고 완료 순서가 보장되지 않음을 의미합니다. $.ajax()에 대한 비동기 옵션은 기본값으로 true로 설정되며, 이는 요청이 이루어진 후에도 코드 실행을 계속할 수 있음을 나타냅니다. 이 옵션을 false로 설정하여 더 이상 비동기 호출을 하지 않도록 설정하면 브라우저가 응답하지 않는 것이 좋습니다. 이 예제를 진정으로 완료하려면 논리를 구체화하여 말도 안되는 것을 받지 않도록 하고 싶습니다. 이러한 호출에서 다시 오는 내용에 대한 유효성 검사가 없으므로 페이지가 형식을 준수하지 않는 경우 사용자를 보호할 수 있는 방법이 없습니다. 성공 함수는 페이지에서 메시지를 업데이트하거나 테이블의 검색 결과를 업데이트하는 등 성공적인 AJAX 응답을 받은 후 작업을 수행하는 위치입니다.
여기에 내 고객 중 하나에서 jQuery AJAX 및 POST의 좋은 라이브 예입니다, 고급 SEO 마케터를위한 무료 키워드 제안 도구. 이 튜토리얼에서 우리는 jQuery, $.ajax ()에서 제공하는 아약스 함수의 가장 강력한 에 대해 설명했습니다. 이를 통해 Ajax 요청을 서버로 전송하는 방법과 응답이 처리되는 방법을 제어할 수 있습니다. 이 기능 덕분에 단축 함수중 어느 것도 적합하지 않은 경우 프로젝트에 필요한 모든 필요를 충족시키는 데 필요한 도구가 있습니다. 실제 사례를 살펴보겠습니다. google.com 가서 “개”를 검색 – 검색 결과가 즉시 표시되는 방법을 참조, 그들은 심지어 당신이 검색을 변경할 때 변경? 이 데이터는 “온디맨드”로 가져왔으며 AJAX가 바로 그 것입니다. AJAX는 자바 스크립트와 HTTP 모두에 의존하며 AJAX를 완전히 파악하기 위해 두 가지를 이해하는 것이 좋습니다. 설명: 비동기 HTTP(Ajax) 요청을 수행합니다.
jQuery AJAX Method의 가장 큰 특징 중 하나는 API를 호출하여 외부 웹 사이트에서 데이터를 로드하고 JSON 또는 XML 형식으로 응답을 얻는 것입니다. 이 예제에서는 jQuery AJAX에서 이러한 API 호출을 하는 것이 얼마나 쉬운지 보여 드리겠습니다. Ajax 요청은 방금 지정한 매개 변수보다 더 많은 매개 변수를 사용할 수 있습니다. JQuery Ajax 문서를 자세히 읽는 것이 좋습니다. 이러한 요청을 위해서뿐만 아니라 우리가 지정할 수 있는 잠재적인 항목을 이해하면 REST API에 대한 이해가 전반적으로 확고해질 것입니다. 응답에 해당 코드가 있을 때 호출할 숫자 HTTP 코드 및 함수의 개체입니다. 예를 들어 응답 상태가 404일 때 다음 경고가 표시됩니다: Ajax 요청이 구조화되는 방식입니다: $.ajax()의 내용은 기본적으로 요청을 구성하는 데 사용할 값을 취하는 개체입니다. 위의 예는 베어본 GET 호출을 만드는 것만큼 간단합니다. 우리는 각 태그를 반복하고 그 내용 (URL)을 API에 전달하고 응답으로 개체를 수신합니다.
예: 때때로, 우리는 우리가 만들고 싶은 Ajax 호출에 대한 더 많은 제어가 필요합니다. 예를 들어 Ajax 호출이 실패하거나 Ajax 요청을 수행해야 하지만 일정 시간 내에 검색된 경우에만 결과가 필요한 경우 수행할 작업을 지정하려고 합니다. 이러한 상황에서는 이 자습서의 주제인 $.ajax()라고 하는 jQuery에서 제공하는 다른 함수를 사용할 수 있습니다. 이 예제에서는 옵션을 사용하지 않고 현재 페이지의 내용을 로드하지만 결과와 함께 아무 것도 수행하지 않습니다. 결과를 사용하려면 콜백 함수 중 하나를 구현할 수 있습니다. 변수에 결과를 할당하는 것에 대해 궁금합니다. 나는 항상 사용하지 않는다. 예를 들어, 내가 준 예제를 깨고 수정하려고 도전합니다.