diff options
Diffstat (limited to 'files/fr/web/api/passwordcredential/additionaldata/index.html')
| -rw-r--r-- | files/fr/web/api/passwordcredential/additionaldata/index.html | 73 |
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> |
