L'événement onChange dans l'entrée de React est lié à une méthode handleOnchange. Après l'appel de cette méthode, l'appel ajax est retardé si l'utilisateur entre "Glory of the King", en raison de problèmes de vitesse de frappe, deux requêtes pour "King of Glory". " et "King of Glory" peuvent être envoyés à la fin. "Glory of the King". .
À l'heure actuelle, la première requête "King of Glory" prend plus de temps à renvoyer que la deuxième requête "King of Glory". Ensuite, le résultat final du rendu est que l'utilisateur voit que la zone de saisie est "King of Glory", mais le résultat du rendu final est que l'utilisateur voit que la zone de saisie est "King of Glory". le résultat est "King of Glory". Le résultat est couvert.
Existe-t-il une solution technique pour éviter cette situation ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
1. Utilisez ajax synchrone (escape)
.2. Le résultat renvoyé par l'arrière-plan porte le mot-clé demandé et le compare à la valeur d'entrée actuelle
3. Maintenez globalement un identifiant à incrémentation automatique, apportez-le à chaque requête et ajoutez-le. dans le champ renvoyé par la requête. Renvoyez cet identifiant si l'identifiant renvoyé est cohérent avec l'identifiant de la page actuelle, utilisez les données, sinon supprimez-le
En résumé, l'option 3 est la plus polyvalente. S'il y a plusieurs conditions de requête de formulaire sur la page, l'option 2 sera très pénible.