Comment exécuter les demandes de GET à l'avance et les résultats du traitement dans des conditions spécifiques dans la programmation?

Utilisation d'une méthode pour exécuter une demande de GET à l'avance et de traitement des résultats dans des conditions spécifiques

En programmation, nous devons souvent traiter le résultat de la demande de GET initiée à l'avance après une certaine condition remplie. Par exemple, lorsque la souris se déplace vers un élément de la page, traitez le résultat une fois la demande terminée et ouvrez le lien dans le résultat de retour. Voici des méthodes et des exemples pour implémenter cette fonction.

Problème Contexte

L'utilisateur souhaite exécuter une demande GET à l'avance et traiter le résultat de la demande lorsque la souris se déplace vers un élément de la page et ouvre un lien dans le résultat de retour. L'implémentation actuelle consiste à attendre la fin de la demande en retardant 1500 ms, puis à traiter le lien dans le résultat de retour. Cependant, l'utilisateur souhaite trouver une méthode qui ne nécessite pas de retard et peut déterminer si la demande GET a été terminée lors de l'ouverture du lien de résultat de la demande.

Exemple de fonction de demande

Tout d'abord, jetons un coup d'œil à l'exemple de la fonction de demande fournis par l'utilisateur:

 var jhref;
fonction getwebsite (s) {
    Soit xhrresult = '';
    jhref = 'http://aaa.com';
    gm_xmlhttprequest ({{
        Méthode: «Get»,
        URL: jhref,
        onload: function (result) {
            xhrresult = result.status;
            Selt DomNew = new DOMPARSER (). PARSEFROMSTRING (result.ResponSeText, 'Text / Html');
            Soit LinkElement = DomNew.QuerySelectorAll ('. Item> A') [0];
            if (linkElement! = Undefined) {
                jhref = linkElement.href;
            } autre {
                xhrresult = 404;
            }
        },
        oneError: fonction (résultat) {
            console.log (résultat);
        },
    });
}

getwebsite (texte);

Traitement du résultat de la demande

Lorsque la souris se déplace vers un élément, l'utilisateur souhaite exécuter le lien dans le résultat de retour et doit s'assurer que la demande de GET a été terminée avant l'exécution:

 window.open (jhref);

Solution

Selon le code fourni, il est impossible de dire directement si vous utilisez jQuery ou d'autres cadres. Cependant, nous pouvons proposer une solution générale: stocker l'état de la demande Ajax dans un emplacement fixe, afin que l'état puisse être lu directement lorsqu'il est utilisé sans délai.

Dans jQuery, l'État peut être stocké sur le DOM:

 // $ (document) .data ('requeststatus', 'en attente');

// $ (document) .data («requeststatus», «terminé»);
$ (document) .data ('resultLink', jhref);

// dans l'événement de mouvement de la souris if ($ (document) .data ('requeststatus') === 'terminé') {
    window.open ($ (document) .data ('resultLink'));
}

Dans Vue ou React, l'état peut être stocké à l'état du composant:

 // dans vue this.requeststatus = 'en attente';

// this.requeststatus = 'terminé' une fois la demande terminée;
this.resultLink = jhref;

// dans l'événement de mouvement de la souris if (this.requeststatus === 'terminé') {
    window.open (this.resultLink);
}

De cette façon, nous pouvons dire directement l'état demandé lorsque la souris se déplace vers l'élément sans attendre un temps de retard fixe, réalisant ainsi une expérience interactive plus flexible et fiable.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!