Promise 객체의 간단한 사용법

Promise 객체는 비동기 콜백을 해결하기 위해 es6에서 제안된 솔루션입니다. 저는 초보자로서 최근에 이것을 알아냈습니다. 전문가들에게 조언을 구하는 동시에 Promise를 이해하지 못하는 초보 친구들에게도 도움이 되길 바라면서 이 글을 쓰고 있습니다.

더 이상 말도 안 되는 소리는 하지 않겠습니다. 이해가 안 되시면 직접 검색해 보시면 됩니다. 이 글은 약속의 간단한 예를 본 적이 있을 뿐입니다. (이전에는 이것을 이해하지 못했을 때 매우 고급이라고 생각했기 때문에) 예제를 본 후에는 새로운 이해를 가질 수 있을 것 같습니다. 다음으로 제가 작성한 간단한 Ajax 요청을 직접 첨부합니다.

function get(url) {
        return new Promise((resolve, reject) => {
            var ajax = new XMLHttpRequest();
            ajax.open('GET', url);
            ajax.onreadystatechange = function() {
                if (ajax.readyState == 4) { 
                    if(ajax.status == 200){
                        resolve(ajax);
                    }else{
                        alert(2);
                        reject();
                    }   
                }
            }
            ajax.send();
        });
    }

    document.getElementById('btn').onclick = function() {
        get('b.json').then(function(res) {
            
            console.log(res.responseText);
            document.getElementById('p1').innerHTML = res.responseText;
        });
    }

이 글에서는 es6 객체를 소개하기 때문에 일부 학생들이 이해하지 못하는 경우 Baidu에서 직접 두 개의 매개변수를 받을 수 있습니다. , 해결 및 거부, 내 개인적인 이해는 성공과 실패입니다. (내 이해가 틀렸다면 누군가가 나를 고쳐주길 바랍니다. 결국 방금 배운 것입니다.) Ajax의 단계에 대해 더 자세히 설명하지 않겠습니다. get 함수를 직접 사용합니다. promise 객체가 내부에 반환되고 ajax 메서드가 이 promise 객체에 연결됩니다. 마지막으로 ajax 요청이 성공합니다. 이때, 해결이 유용하고, 해결(ajax); 그러면 끝납니다. 실패하면 직접 거절(요청 실패와 동일)하면 됩니다.

드디어 간단한 Promise 케이스가 완성되었습니다.

위 내용은 Promise 객체의 간단한 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!