blob: 48af22f69ef9a7a82603ec6988e95d299625f5fb (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
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>
|
