jQuery Promise를 사용하여 세 개의 비동기 호출을 순차적으로 연결하는 방법은 무엇입니까?

jQuery Promises로 세 개의 비동기 호출 연결

한 호출에서 데이터를 전달하면서 순서대로 실행해야 하는 세 개의 비동기 HTTP 호출이 있습니다. 다음으로. 제공된 코드는 두 개의 함수에 대해 지연된 개체를 사용하지만 세 개의 함수에 대한 확장이 필요합니다.

각 경우에 $.ajax()에서 생성된 jqXHR 개체를 반환합니다. 이러한 객체는 Promise와 호환되므로 .then()/.done()/.fail()/.always()를 사용한 연결이 가능합니다. 이 시나리오에서는 .then()이 적합합니다.

<code class="javascript">function first() {
   return $.ajax(...);
}

function second(data, textStatus, jqXHR) {
   return $.ajax(...);
}

function third(data, textStatus, jqXHR) {
   return $.ajax(...);
}</code>

'main' 함수에서 .then()을 사용하여 함수를 함께 연결합니다.

<code class="javascript">function main() {
    first().then(second).then(third);
}</code>

인수 데이터, textStatus 및 jqXHR은 이전 함수의 $.ajax() 호출에서 시작됩니다. 즉, first()는 second()를 제공하고 second()는 third()를 제공합니다.

(예를 들어 $.when('foo')를 사용하여 $ 대신 이행된 약속을 생성합니다. 아약스(...)).

위 내용은 jQuery Promise를 사용하여 세 개의 비동기 호출을 순차적으로 연결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!