프로그래밍의 특정 조건에서 GET 요청을 미리 실행하고 결과를 처리하는 방법은 무엇입니까?

GET 요청을 미리 실행하고 특정 조건에서 결과를 처리하는 방법 사용

프로그래밍에서 특정 조건이 충족 된 후에 GET 요청 결과를 미리 처리해야합니다. 예를 들어, 마우스가 페이지의 요소로 이동하면 요청이 완료된 후 결과를 처리하고 리턴 결과에서 링크를 엽니 다. 다음은이 기능을 구현하기위한 방법과 예입니다.

문제 배경

사용자는 사전에 GET 요청을 실행하고 마우스가 페이지의 요소로 이동할 때 요청 결과를 처리하고 리턴 결과에서 링크를 엽니 다. 현재 구현은 1500ms를 지연시켜 요청이 완료 될 때까지 기다린 다음 반환 결과에서 링크를 처리하는 것입니다. 그러나 사용자는 지연이 필요하지 않은 메소드를 찾고 요청 결과 링크를 열 때 GET 요청이 완료되었는지 여부를 결정할 수 있습니다.

요청 기능 예제

먼저 사용자가 제공 한 요청 기능 예를 살펴 보겠습니다.

 var jhref;
함수 getwebsite (s) {
    xhrresult = '';
    jhref = 'http://aaa.com';
    gm_xmlhttprequest ({{
        방법 : 'get',
        URL : jhref,
        onload : 함수 (결과) {
            xhrresult = result.status;
            let domnew = new domparser (). parsefromString (result.responsetext, 'text/html');
            LinkElement = domnew.querySelectorall ( '. item> a') [0];
            if (linkElement! = undefined) {
                jhref = linkelement.href;
            } 또 다른 {
                xhrresult = 404;
            }
        },
        ONEERROR : 함수 (결과) {
            Console.log (결과);
        },
    });
}

getWebsite (텍스트);

요청 결과 처리

마우스가 요소로 이동하면 사용자는 반환 결과에서 링크를 실행하려고하며 실행하기 전에 GET 요청이 완료되었는지 확인해야합니다.

 Window.open (jhref);

해결책

제공된 코드에 따르면 jQuery 또는 다른 프레임 워크를 사용하고 있는지 직접 알리는 것은 불가능합니다. 그러나 일반적인 해결책을 제안 할 수 있습니다. AJAX 요청의 상태를 고정 된 위치에 저장하여 지연없이 상태를 직접 읽을 수 있도록하십시오.

jQuery에서 상태는 DOM에 저장 될 수 있습니다.

 // $ (document) .data ( 'requestStatus', 'pending');

// $ (document) .data ( 'requestStatus', '완료');
$ (document) .data ( 'resultLink', jhref);

// 마우스 이동 이벤트에서 ($ (document) .data ( 'requestStatus') === '완료') {
    window.open ($ (document) .data ( 'resultLink'));
}

VUE 또는 React에서 상태는 구성 요소의 상태에 저장 될 수 있습니다.

 // vue this.requeststatus = '보류';

// this.requestStatus = '완료된'요청이 완료되면;
this.resultlink = jhref;

// 마우스 이동 이벤트에서 (this.requestStatus === '완료') {
    window.open (this.resultlink);
}

이런 식으로, 우리는 고정 지연 시간을 기다리지 않고 마우스가 요소로 이동할 때 요청 된 상태를 직접 읽을 수 있으므로보다 유연하고 신뢰할 수있는 대화식 경험을 달성 할 수 있습니다.

위 내용은 프로그래밍의 특정 조건에서 GET 요청을 미리 실행하고 결과를 처리하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!