Comprendre les méthodes de soumission GET et POST dans la balise form en dix minutes

Cet article vous apporte les connaissances pertinentes et la comparaison des deux méthodes de soumission get et post dans la balise form La fonction du formulaire est de collecter le contenu dans la balise

<form>...</form>>. ; Le visiteur ajoute du texte, des sélections, ou certains modules de contrôle, etc. Ensuite, ces contenus seront envoyés au serveur, j'espère qu'ils seront utiles à tout le monde.

GET et POST dans la balise form

En HTML, la fonction du formulaire form est de collecter le contenu dans la balise, <form>...</form> Au milieu, le visiteur peut ajouter du texte, des sélections, ou quelques modules de contrôle , etc. Le contenu sera ensuite envoyé au serveur.

Un formulaire doit spécifier deux choses :

1. le paramètre de méthode du formulaire est utilisé pour définir la méthode de soumission du formulaire, et POST est utilisé par défaut
2. action est utilisé pour définir l'URL de soumission du formulaire. ne l'écrivez pas et ne le conservez pas sous forme de chaîne vide, alors l'URL actuelle sera utilisée.

①Exemple de soumission de formulaire en utilisant la méthode post :

L'exemple de processus d'implémentation suivant :
 Lorsque nous accédons à cette interface pour la première fois , c'est la méthode GET (accéder à une URL dans le navigateur est une méthode GET, pas besoin d'expliquer), l'observation de la fonction d'affichage montre qu'elle restitue une page modèle avec un formulaire à l'utilisateur.
Lorsque nous saisissons des données dans la zone de saisie et cliquons sur Soumettre, une méthode POST sera envoyée, de sorte que selon la fonction d'affichage, les données saisies dans la zone de saisie seront imprimées sur la console.

Remarque :

1. la méthode de soumission post n'affichera pas les paramètres dans l'URL ;
2. Vous pouvez obtenir les données soumises via la méthode request.POST.get.

②Exemple de soumission de formulaire à l'aide de la méthode get :

L'exemple de processus d'implémentation suivant :
Lorsque nous accédons à cette interface pour la première fois, il s'agit de la méthode GET (accès à une URL dans le navigateur est une méthode GET, pas besoin d'expliquer), l'observation de la fonction d'affichage montre qu'elle restitue une page modèle avec un formulaire à l'utilisateur.
Lorsque nous saisissons des données dans la zone de saisie et cliquons sur Soumettre, la méthode GET sera envoyée (car nous avons défini la méthode de soumission POST dans le formulaire), de sorte que selon la fonction d'affichage, les données saisies dans la zone de saisie seront imprimé sur la console.

(En raison de nos paramètres, cliquer sur le bouton de soumission dans le modèle est une soumission GET, et les valeurs de a et b soumises par le formulaire peuvent être imprimées sur le terminal correspondant.)

Remarque :

1. get submit Les paramètres seront affichés dans l'URL
2. Vous pouvez obtenir les paramètres soumis via la méthode request.GET.get ;

③Méthode getlist multi-valeurs en un clic :

Les attributs GET et POST de l'objet de requête sont tous deux des objets de type QueryDict
Différent des dictionnaires python, les objets de type QueryDict sont utilisés ; to Gère le cas de plusieurs valeurs pour la même clé.

• Méthode get() :
  Récupère la valeur en fonction de la clé, une seule valeur de la clé peut être obtenue
  Si une clé a plusieurs valeurs en même temps, récupère la dernière valeur (car elle est écrasée !)
• Méthode getlist() :
  Récupère la valeur basée sur la clé et renvoie la valeur de la clé dans une liste
  Vous pouvez obtenir plusieurs valeurs​​d'une clé

Par exemple : comment le le backend récupère les options sélectionnées par l'utilisateur dans la zone de sélection multiple - utilisez la méthode getlist !

④Attributs des objets GET et POST en requête :

Premier : attribut GET !

• Objet de type QueryDict
• contient tous les paramètres de la méthode de requête get
• correspond aux paramètres dans l'adresse url de la requête, située après ?
• Le format du paramètre est une paire clé-valeur, telle que clé1=valeur1
• parmi plusieurs paramètres Entre, utilisation et connexion, tels que key1=value1&key2=value2

Deuxième : attribut POST !

• Objet de type QueryDict
• contient tous les paramètres de la méthode de post-requête
• correspond aux contrôles du formulaire
• Les contrôles du formulaire doivent avoir un attribut name, alors la valeur de l'attribut name est la clé, et la valeur de l'attribut value est la valeur. Constituer une soumission de paire clé-valeur
• Pour le contrôle case à cocher, l'attribut name est également un groupe Lorsque le contrôle est sélectionné, il sera soumis. ​​​​en un seul clic.

Petite extension :

Construisez une requête GET—— Tant que nous cliquons sur le bouton 'Cliquez', nous constaterons que l'effet est exactement le même que "②Le formulaire utilise get méthode". Nous pouvons également imprimer les valeurs de a et b sur le backend (vous pouvez également observer le lien URL dans le navigateur pour le voir) ! ), indiquant que la soumission des données a réussi !

⑤ Résumé des méthodes de requête GET et POST :

1. GET : GET, comme son nom l'indique, obtient les données du serveur, ne modifie pas l'état et les données du serveur et transporte des paramètres dans l'URL à envoyer au serveur.
2. POST envoie une certaine quantité de données au serveur, modifiant généralement les données du serveur.
3. Les paramètres de la méthode POST ne sont pas visibles dans l'URL. Ils sont transmis au serveur via les paramètres du corps. Par conséquent, par rapport à la méthode GET, vous pouvez voir directement les paramètres transmis dans l'URL, ce qui est plus sûr. bien sûr, cela ne peut pas être simplement déterminé. La méthode POST est plus sécurisée que la méthode GET Pour maintenir la sécurité du site Web, un traitement de sécurité plus important doit être effectué

Tutoriel recommandé : "Tutoriel vidéo HTML"

.

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!