Maison  >  Article  >  interface Web  >  Comment résoudre la soumission du formulaire Layui deux fois

Comment résoudre la soumission du formulaire Layui deux fois

咔咔
咔咔original
2020-12-25 18:09:402712parcourir
«

Le mauvais formulaire de layui sera soumis deux fois, l'avez-vous déjà rencontré ?

»

Avant-propos

J'utilise ce layui depuis presque deux ans. Je viens de construire un nouveau framework xadmin, donc le problème de la soumission répétée de formulaires est apparu. .Très contrarié !

"

Si vous souhaitez connaître directement la solution, rendez-vous simplement dans la troisième section.

"

1. Opération initiale

Tout d'abord, jetons un coup d'œil à ce que Kaka a fait.

Le modèle xadmin utilisé est probablement un problème causé par une importation incomplète du fichier js.

L'effet que Kaka souhaite obtenir est le suivant.

Comment résoudre la soumission du formulaire Layui deux fois
Effet de mise en œuvre photo un
Comment résoudre la soumission du formulaire Layui deux fois
Effet de mise en œuvre photo deux

C'est l'effet qui a été obtenu, avant c'était Non, c'est juste le résultat de l'ajout de cette chose.

Je ne sais pas comment vous trouvez habituellement le code pendant le développement. Kaka va simplement directement à la bibliothèque de codes et recherche 链接格式不正确 directement.

L'image ci-dessous est le résultat de la recherche Kaka, la prochaine étape consiste donc à introduire ce fichier js et à l'essayer !

Comment résoudre la soumission du formulaire Layui deux fois
Le fichier js requis

J'ai donc pris le clavier et j'y ai importé ce fichier

Comment résoudre la soumission du formulaire Layui deux fois
Le fichier js importé

Ce qui précède est la cause originale du problème !

2. Reproduire le problème

Ajouter une donnée

Comment résoudre la soumission du formulaire Layui deux fois
L'ajout de données

n'a pas déçu, deux données sont apparues, haha ​​! Tellement confus

Comment résoudre la soumission du formulaire Layui deux fois
Renvoyer les résultats

3. Résoudre le problème

en fait apparaît Ce problème est causé par la négligence et par une méconnaissance du cadre layui.

La solution est de tuer le fichier form js. N'est-ce pas drôle, oui ? Très drôle.

Comment résoudre la soumission du formulaire Layui deux fois
fichier js

Lorsque vous ouvrez le fichier layui.js, vous vous rendrez compte soudainement

Il s'avère que layui.js inclut automatiquement tous les modules, j'ai importé le module localement, donc cela se produit.

layui.Comment résoudre la soumission du formulaire Layui deux fois
fichier layui.js

Bien sûr, le problème ne concerne pas uniquement le cas de Kaka.

Si vous référencez le fichier layui.all.js deux fois de suite, il se déclenchera deux fois de suite, ou référencera d'abord le fichier layui.all.js, puis référencera le fichier layui.js et il se déclenchera deux fois. Soyez prudent. Vérifiez les fichiers que vous avez référencés !!!

Après avoir référencé le fichier layui.all.js, layui.js a été à nouveau référencé, ce qui l'a déclenché deux fois de suite !

"

La persévérance dans l'apprentissage, la persévérance dans les blogs et la persévérance dans le partage sont les convictions auxquelles Kaka a toujours adhéré dans l'industrie. J'espère que les articles de Kaka sur l'immense Internet pourront je vous apporte de l'aide. Je m'appelle Kaka. Rendez-vous dans le prochain numéro 🎜>

.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn