Maison  >  Article  >  interface Web  >  Quelle est la différence entre le formulaire et la soumission ajax ?

Quelle est la différence entre le formulaire et la soumission ajax ?

青灯夜游
青灯夜游original
2022-01-13 18:00:335843parcourir

Différences : 1. La soumission Ajax est effectuée de manière asynchrone et la page Web n'a pas besoin d'être actualisée, tandis que la soumission du formulaire doit être actualisée ; 2. Ajax doit être implémenté avec js, mais le formulaire Form n'est pas requis 3. Ajax doit être traité à l'aide d'un programme. Le traitement des données et la soumission du formulaire sont automatiquement effectués en fonction de la structure du formulaire et ne nécessitent aucune intervention du code.

Quelle est la différence entre le formulaire et la soumission ajax ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

La différence entre la soumission de formulaire et la soumission ajax

1 Scénarios d'utilisation :

La sécurité est la même, les deux sont envoyées via le protocole http. La sécurité est liée au traitement métier des fichiers soumis (détection de format, anti-injection) et n'a rien à voir avec le mode de soumission.

Généralement, un formulaire est utilisé pour soumettre une connexion, et cliquer sur Soumettre déclenche un événement de soumission, ce qui provoque généralement le saut de page. Le contrôle des sauts de page et d'autres comportements se fait souvent dans le backend, et le backend contrôle les sauts de page. et la transmission de données ; mais certains Parfois, vous ne voulez pas que la page saute, ou vous souhaitez mettre le contrôle sur le front-end et utiliser js pour effectuer le saut de page ou le changement de données. Généralement, ajax est utilisé pour de telles opérations asynchrones.

Mais Ajax a un problème caché, c'est-à-dire que le navigateur n'enregistre pas les mots de passe, ce qui n'est pas conforme aux habitudes des utilisateurs. La manière idéale : créer une iframe cachée, pointer la cible de la balise form vers l'iframe, puis détecter l'état de l'iframe.

2. Comparaison :

(1) Ajax est exécuté de manière asynchrone lors de la soumission, de la demande et de la réception. La page Web n'a pas besoin d'être actualisée. Elle actualise uniquement une partie de la page et ne se soucie pas ou n'affecte pas la page. contenu des autres parties de la page.

La soumission du formulaire consiste à créer une nouvelle page. Même si elle est soumise à sa propre page, elle doit être actualisée afin de conserver les modifications de statut de l'utilisateur de la page dans le formulaire, davantage de paramètres doivent être transmis entre le contrôleur et le formulaire. modèle pour conserver le statut de la page.

(2) Lorsque ajax est soumis, une nouvelle requête est créée en arrière-plan.

Form abandonne cette page puis demande à nouveau.

(3) Ajax doit être implémenté avec js, ce qui provoque des problèmes de débogage et des problèmes de compatibilité des navigateurs, et les navigateurs qui n'activent pas js ne peuvent pas terminer l'opération.

Le formulaire est fourni avec le navigateur. Vous pouvez soumettre le formulaire, que js soit activé ou non.

(4) Lors de la soumission, de la demande et de la réception d'ajax, l'ensemble du processus nécessite l'utilisation de programmes pour traiter les données.

La soumission du formulaire est automatiquement complétée en fonction de la structure du formulaire et ne nécessite aucune intervention de code. Soumettre avec soumettre.

3. Autres aspects :

Concernant la vérification du contenu d'entrée, ajax peut utiliser le programme pour juger le contenu de l'élément après l'avoir obtenu ; il y a des champs de vérification dans les attributs du formulaire, qui sont encapsulés dans easyui ; jeecg, etc., et l'utilisateur n'a besoin que d'ajouter des règles de vérification des expressions régulières.

【Recommandation de didacticiel connexe : Tutoriel vidéo AJAX

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