ajax 요청 예제

jQuery 1.5에서 $.ajax()로 반환되는 jqXHR 개체는 Promise 인터페이스를 구현하여 Promise의 모든 속성, 메서드 및 동작을 제공합니다(자세한 내용은 지연된 개체 참조). 이러한 메서드는 $.ajax() 요청이 종료될 때 호출되는 하나 이상의 함수 인수를 사용합니다. 이렇게 하면 단일 요청에 여러 콜백을 할당할 수 있으며 요청이 완료된 후에도 콜백을 할당할 수도 있습니다. 요청이 이미 완료되면 콜백이 즉시 실행됩니다. jqXHR 개체의 사용 가능한 Promise 메서드는 다음과 같습니다: 요청을 보낼 때 응답을 처리 하는 JavaScript 함수의 이름을 제공: jQuery ajax() 메서드jQuery에서 Ajax의 핵심 기능을 제공 합니다. 서버에 비동기 HTTP 요청을 보냅니다. 다음 예제를 테스트하려면 필수 웹 서버를 설정하는 몇 가지 옵션이 있습니다. 나는 이미 내 컴퓨터에 프로그래밍 언어 루비를 가지고 있기 때문에, 나는 명령을 실행할 수 있습니다 : 여기 당신은 내가 함수의 첫 번째 형태를 사용하는 것을 볼 수 있습니다. 요청을 첫 번째 매개 변수로 보낸 다음 옵션의 개체를 두 번째 매개 변수로 보낼 URL을 지정했습니다. 후자는 이전 섹션에서 설명한 몇 가지 속성 중 두 가지만 활용합니다. 다음 예제에서는 ajax() 메서드를 사용하여 JSON 데이터를 얻는 방법을 보여 주습니다. 서버를 설정한 후 예제를 통해 작업하는 데 필요한 파일 구조는 다음과 같습니다: jQuery 1.5.1의 현재 파일 세트 다운로드, jqXHR 개체에는 overrideMimeType() 메서드도 포함되어 있습니다(jQuery 1.4.x에서도 사용할 수 있었지만, jQuery 1.5에서 일시적으로 제거됨). .overrideMimeType() 메서드는 응답 콘텐츠 형식 헤더를 수정하기 위해 예를 들어 이전Send() 콜백 함수에서 사용할 수 있습니다.

캐시된 결과 사용을 허용하지 않도록 하려면 캐시를 false로 설정합니다. 마지막 요청 이후 자산이 수정되지 않은 경우 요청이 실패를 보고하도록 하려면 ifModified true로 설정합니다. 서버가 요청에 대해 JSON 문자열을 반환하는 상황이 있을 수 있습니다. JQuery 유틸리티 함수 getJSON()은 반환된 JSON 문자열을 구문 분석하고 결과 문자열을 콜백 함수에서 추가 작업을 수행하기 위한 첫 번째 매개 변수로 사용할 수 있도록 합니다. 실제 사례를 살펴보겠습니다. google.com 가서 “개”를 검색 – 검색 결과가 즉시 표시되는 방법을 참조, 그들은 심지어 당신이 검색을 변경할 때 변경? 이 데이터는 “온디맨드”로 가져왔으며 AJAX가 바로 그 것입니다. AJAX는 자바 스크립트와 HTTP 모두에 의존하며 AJAX를 완전히 파악하기 위해 두 가지를 이해하는 것이 좋습니다. 논의할 두 번째 예제에서는 Joind.in 라는 서비스에서 일부 정보를 검색 하는 JSONP 요청을 만듭니다. 후자는 이벤트 참석자가 이벤트 및 세션에 대한 피드백을 남길 수 있는 웹 사이트입니다. 특히 , 나는 $.ajax() 함수를 사용하여 PHP 개발자의 눈으로 내 이야기 현대 프론트 엔드의 제목과 설명을 검색하는 코드 조각을 만들려고합니다. send 메서드는 요청을 원하는 URL로 보냅니다. 비동기 설정을 사용 하 여 비동기 설정을 사용 하 여 동기 요청을 지정 하려면 AJAX 요청을 사용 하 여

요소의 텍스트를 변경: 아니요.

당신은 성병으로 고통받지 않을 것입니다, 약속합니다. 브라우저는 XMLHttpRequest라는 특수 자바스크립트 개체를 사용하여 백그라운드에서 HTTP 요청을 합니다. 당신은 당신을 위해 물건을 얻고 당신이 그들에게 지침을 제공하면 그들이 있어야하는 곳에 넣어 개인 비서로 생각할 수 있습니다. jQuery를 사용하면 프레임 워크가 모든 핵심 세부 사항을 처리했기 때문에이 개체를 사용하는 방법을 배우는 것에 대해 걱정할 필요가 없습니다. 코드펜을 사용합니다. 다른 CodePen에서 HTML 또는 JSON 콘텐츠에 연결하여 예제를 테스트합니다. CodePen 및 AJAX에 대한 자세한 내용은 여기에서 확인할 수 있습니다: https://blog.codepen.io/2013/09/23/ajax-codepen/ $.ajax() 메서드에는 성공, 오류, 완료 및 이전 과 같은 AJAX 응답을 적절하게 처리하기 위해 연결할 수 있는 몇 가지 이벤트가 있습니다.

Comments are closed.