$http와 ajax 간의 동기 요청(코드 예)

이 기사에서 제공하는 내용은 $http 및 ajax의 동기화 요청(코드 예제)에 대한 것입니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

웹 프런트엔드 개발에서는 대부분의 기능적 요구 사항을 해결하기 위해 일반적으로 비동기식 네트워크 요청이 사용되지만 일부 특정 요구 사항의 경우 몇 가지 특수한 요구 사항을 해결하기 위해 여전히 동기식 네트워크 요청을 사용해야 합니다. 그래서 이번 글에서는 AngularJS에서는 $http, jQuery에서는 ajax를 사용하여 동기식 네트워크 요청을 구현하는 방법을 소개합니다.

(1) $http 동기 네트워크 요청

실제로 이 구현은 매우 간단합니다. 중요한 점은 두 가지입니다. 첫 번째 점은 성공적인 콜백 메서드에서 결과를 직접 반환하는 것입니다. $http 자체가 직접 실행됩니다. Promise 객체를 반환합니다. 이 두 가지 요구 사항을 충족하면 $http의 동기화가 달성될 수 있습니다.

그리고 최종 네트워크 요청으로 얻은 결과 세트는 반환된 Promise 객체에 있습니다.

템플릿 코드 구현:

 let requestConfig = {
            url:"...",
            method:"post"
        };
        let promise = $http(requestConfig).then(function (response) {
            return response;
        });
        console.log("结果在promise对象中",promise);

(2) Ajax 동기 네트워크 요청

Ajax의 동기 네트워크 실행 구현도 두 가지 점에서 중요합니다. 첫 번째 점은 요청 매개변수의 비동기 값을 false로 구성하는 것입니다. second 두 번째 요점은 ajax의 성공 또는 실패에 대한 콜백 메서드를 작성하는 것이 아니라 ajax 실행 후 얻은 결과 집합을 반환하는 것입니다. 이 두 가지 요구 사항을 충족하면 Ajax의 동기 구현을 달성할 수 있습니다.

템플릿 코드 구현:

 let result = $.ajax({
            url:"...",
            type:"get",
            async:false
        });
        console.log("返回结果直接是result",result);

위는 $http 및 ajax의 동기 요청(코드 예제)에 대한 전체 소개입니다. HTML 비디오 튜토리얼에 대해 더 알고 싶다면 PHP를 주목하세요. 중국사이트.

위 내용은 $http와 ajax 간의 동기 요청(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!