Wie können Sie Anfragen erhalten, die im Voraus ausgeführt werden sollen, und die Anfrageergebnisse unter bestimmten Bedingungen in der Programmierung zu verarbeiten?

Asynchrone GET -Anforderung und bedingte Ergebnisverarbeitung

In diesem Artikel wird erläutert, wie GET -Anfragen im Voraus in der Programmierung ausgeführt werden und deren Ergebnisse nach Erfüllung bestimmter Bedingungen verarbeitet werden. Dies ist nützlich in Szenarien, in denen Sie auf Benutzerinteraktionen (z. B. Maus -Hover -Ereignisse) reagieren und sich auf die Ergebnisse einer Netzwerkanforderung verlassen müssen. Wenn Sie die Verzögerung nur auf die Fertigstellung von Anfragen warten, ist dies nicht die beste Lösung, da dies die Benutzererfahrung beeinflusst.

Das folgende Schema nutzt die asynchrone Anforderungsfunktion, um das Warten unnötiger Verzögerung zu vermeiden.

Zunächst verwenden wir GM_xmlhttpRequest (Greasemonkey/tampermonkey), um die GET -Anforderung durchzuführen. Für die Klarheit haben wir getwebsite im Originalcode durch einen beschreibenderen Funktionsnamen ersetzt.

 lass Requesturl = 'http://aaa.com';
lass extracedLink = null; // verwendet, um den extrahierten Link zu speichern, lass RequestFinished = false; // Figur Figur FitchandextractLink () {//
    Gm_xmlhttprequest ({{{
        Methode: 'Get',
        URL: Requesturl,
        Onload: Funktion (Antwort) {
            if (response.status === 200) {
                const parser = new domparser ();
                const doc = parser.ParsefromString (responseText, 'text/html');
                const linkElement = doc.querySelector ('. item> a');
                extracedLink = linkElement? linkElement.href: null;
            } anders {
                console.Error ('Anforderung fehlgeschlagen mit Status:', Antwort.Status);
            }
            RequestFineished = true; // Setzen Sie das Fahnen von Anforderungsabschluss}.
        OneReRror: Funktion (Fehler) {
            console.Error ('Anforderungsfehler:', Fehler);
            RequestFineished = true; // Setzen Sie das Fertigstellungsflag, auch wenn ein Fehler vorliegt.}
    });
}

fetchandextractLink ();

Dieser Code führt eine GET -Anforderung aus und extrahiert den ersten Link, den .item > a Selektor aus der Antwort übereinstimmt. Der Schlüssel liegt in der requestFinished , die angibt, ob die Anfrage abgeschlossen wurde (Erfolg oder Misserfolg).

Als nächstes überprüfen wir in der Mouseover -Event -Handler -Funktion das requestFinished Flag:

 // Angenommen, 'Myelement' ist das Element, das auf das Maus -Hover -Dokument anhören muss.
    if (requestFineSted) {
        if (extrahierte Link) {
            window.open (extracedLink);
        } anders {
            console.log ('kein Link in der Antwort gefunden.');
        }
    } anders {
        console.log ('Anfrage ist noch im Gange.');
    }
});

Dieser Ereignishörer wird ausgelöst, wenn die Maus über myElement schwebt. Es prüft requestFinished ​​und der Link wird erst nach Abschluss der Anfrage geöffnet und der Link extrahiert. Wenn kein Link extrahiert wird, werden die entsprechenden Informationen ausgegeben. Dies vermeidet unnötige Verzögerungen und bietet eine zuverlässigere Fehlerbehandlung.

Diese Methode löst elegant das Problem der Behandlung von GET -Anforderungsergebnissen unter bestimmten Bedingungen durch asynchrone Operationen und Statusflags, wodurch die Benutzererfahrung und die Code -Robustheit verbessert werden. Denken Sie daran, 'myElement' durch die ID des tatsächlichen Elements zu ersetzen.

Das obige ist der detaillierte Inhalt vonWie können Sie Anfragen erhalten, die im Voraus ausgeführt werden sollen, und die Anfrageergebnisse unter bestimmten Bedingungen in der Programmierung zu verarbeiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!