$.ajax(또는 jQuery.ajax()) 메서드를 사용하여 http 요청을 보내는 방법을 살펴보겠습니다. 가장 간단하지만,이 $.ajax() 함수는 인수 없이 호출할 수 있습니다. 실제 사례를 살펴보겠습니다. google.com 가서 “개”를 검색 – 검색 결과가 즉시 표시되는 방법을 참조, 그들은 심지어 당신이 검색을 변경할 때 변경? 이 데이터는 “온디맨드”로 가져왔으며 AJAX가 바로 그 것입니다. AJAX는 자바 스크립트와 HTTP 모두에 의존하며 AJAX를 완전히 파악하기 위해 두 가지를 이해하는 것이 좋습니다. 기본 아약스 호출을 시도하고 있습니다. 그래서 테스트 서버에서 다음과 같은 테스트 php를 호스팅하고 있습니다 : http://voicebunny.comeze.com/index.php?numberOfWords=10 이 웹 페이지는 이미 VoiceBunny API http://voicebunny.com/developers 통합된 자체 테스트입니다. 위의 예에서 첫 번째 매개 변수는 JSON 데이터를 반환하는 요청 URL입니다. 옵션 매개 변수에서 데이터 유형 및 시간 지정 옵션을 지정했습니다. dataType 옵션은 응답 데이터의 유형을 지정합니다.이 경우 JSON입니다. 시간 지정 매개 변수는 요청 시간 지정 시간을 밀리초 단위로 지정합니다.
오류 및 성공을 위해 콜백 함수도 지정했습니다. 의는 $.ajax() 방법의 명확하지 않은 부분을 분해 할 수 있습니다. dataType 설정은 서버에서 수신하는 데이터가 처리되는 방식을 제어합니다. 따라서 서버의 JSON을 클라이언트 측의 자바 스크립트에서 텍스트로 처리하려면 이 값을 텍스트로 설정합니다. dataType 값을 전혀 설정하지 않으면 jQuery는 서버가 보낸 내용을 파악하고 지능적으로 변환하려고 시도합니다. JSON이라고 생각하면 자바 스크립트 개체로 바뀝니다. XML이라고 생각하면 네이티브 XMLDocument 자바 스크립트 객체로 바뀝니다. 모든 jQuery AJAX 메서드는 ajax() 메서드를 사용합니다. 이 메서드는 주로 다른 메서드를 사용할 수 없는 요청에 사용 됩니다. 성공 함수는 페이지에서 메시지를 업데이트하거나 테이블의 검색 결과를 업데이트하는 등 성공적인 AJAX 응답을 받은 후 작업을 수행하는 위치입니다. 여기에 내 고객 중 하나에서 jQuery AJAX 및 POST의 좋은 라이브 예입니다, 고급 SEO 마케터를위한 무료 키워드 제안 도구. jsonp가 지정되면 $.ajax()는 (기본적으로) 콜백=의 쿼리 문자열 매개 변수를 자동으로 더합니다.
URL로 이동합니다. $.ajax()에 전달된 설정의 jsonp 및 jsonpCallback 속성을 사용하여 쿼리 문자열 매개 변수의 이름과 JSONP 콜백 함수의 이름을 각각 지정할 수 있습니다. 서버는 JSON 응답을 콜백 함수로 전달하는 유효한 자바스크립트를 반환해야 합니다. $.ajax()는 $.ajax() 성공 처리기에 대한 응답에 포함된 JSON 개체를 전달하기 전에 JSONP 콜백 함수를 호출하여 반환된 자바스크립트를 실행합니다. 이 예제는 태그가 지정된 Flickr의 최신 5개 사진을 로드합니다. 참고: 기본 설정은 $.ajaxSetup() 함수를 사용하여 전역적으로 설정할 수 있습니다. $.ajax() 함수는 생성되는 XMLHttpRequest 개체를 반환합니다. 일반적으로 jQuery는 내부적으로 이 개체를 만드는 것을 처리하지만 xhr 옵션을 사용하여 이 개체를 제조하기 위한 사용자 지정 함수를 지정할 수 있습니다. 반환된 개체는 일반적으로 삭제할 수 있지만 요청을 관찰하고 조작하기 위한 하위 수준 인터페이스를 제공합니다.
특히 개체에서 .abort()를 호출하면 요청이 완료되기 전에 요청이 중지됩니다. 모든 콜백 내에서 이 참조는 설정에서 $.ajax에 전달된 컨텍스트 옵션의 개체입니다. 컨텍스트를 지정하지 않은 경우 이는 Ajax 설정 자체에 대한 참조입니다. 이제이 튜토리얼에서 .ajax() 메서드에 대한 모든 것을 배웠습니다. 위의 예에서 ajax() 메서드의 첫 번째 매개 변수 `/getData`는 데이터를 검색하려는 URL입니다.