aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/passwordcredential/additionaldata/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/api/passwordcredential/additionaldata/index.html')
-rw-r--r--files/fr/web/api/passwordcredential/additionaldata/index.html73
1 files changed, 73 insertions, 0 deletions
diff --git a/files/fr/web/api/passwordcredential/additionaldata/index.html b/files/fr/web/api/passwordcredential/additionaldata/index.html
new file mode 100644
index 0000000000..48af22f69e
--- /dev/null
+++ b/files/fr/web/api/passwordcredential/additionaldata/index.html
@@ -0,0 +1,73 @@
+---
+title: PasswordCredential.additionalData
+slug: Web/API/PasswordCredential/additionalData
+tags:
+ - API
+ - Credential Management API
+ - PasswordCredential
+ - Propriété
+ - Reference
+translation_of: Web/API/PasswordCredential/additionalData
+---
+<p>{{SeeCompatTable}}{{APIRef("")}}{{Deprecated_header}}</p>
+
+<p>La propriété <strong><code>additionalData</code></strong>, rattachée à l'interface {{domxref("PasswordCredential")}}, est une instance de {{domxref("FormData")}} ou une instane de {{domxref("URLSearchParams")}} ou {{jsxref("null")}}.</p>
+
+<p>Les données contenues dans l'objet associé seront ajoutées au corps de la requête et envoyées au point distant avec les informations d'authentification.</p>
+
+<h2 id="Syntaxe">Syntaxe</h2>
+
+<pre class="syntaxbox"><em>passwordCredential</em>.additionalData = formData
+<em>formData</em> = <em>passwordCredential</em>.additionalData
+passwordCredential.additionalData = urlSearchParams
+<em>ulrSearchParams</em> = <em>passwordCredential</em>.additionalData
+</pre>
+
+<h3 id="Valeur">Valeur</h3>
+
+<p>Une instance {{domxref("FormData")}} ou une instance {{domxref("URLSearchParams")}} ou {{jsxref("null")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Dans l'exemple suivant, on crée un objet {{domxref("FormData")}} auquel on ajoute un <a href="/docs/Web/Security/Same-origin_policy#How_to_block_cross-origin_access">jeton CSRF</a>. Ensuite, on stocke l'objet du formulaire dans le paramètre <code>additionalData</code> avant de l'envoyer au serveur avec un appel à {{domxref("fetch")}}.</p>
+
+<pre class="brush: js">// L'objet options a été créé au préalable
+navigator.credentials.get(options).then(function(creds) {
+  if (creds.type == 'password') {
+  var form = new FormData();
+  var csrf_token = document.querySelector('csrf_token').value;
+  form.append('csrf_token', csrf_token);
+
+  creds.additionalData = form;
+
+  fetch('https://www.example.com', {
+  method: 'POST',
+  credentials: creds
+  });
+ };
+});</pre>
+
+<h2 id="Spécifications">Spécifications</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Spécification</th>
+ <th scope="col">État</th>
+ <th scope="col">Commentaires</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName('Credential Management')}}</td>
+ <td>{{Spec2('Credential Management')}}</td>
+ <td>Définition initiale.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+
+<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div>
+
+<p>{{Compat("api.PasswordCredential.additionalData")}}</p>