From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/idbrequest/onsuccess/index.md | 106 +++++++++++-------------- 1 file changed, 46 insertions(+), 60 deletions(-) (limited to 'files/fr/web/api/idbrequest/onsuccess/index.md') diff --git a/files/fr/web/api/idbrequest/onsuccess/index.md b/files/fr/web/api/idbrequest/onsuccess/index.md index a13ed4c5e7..201d7b58cf 100644 --- a/files/fr/web/api/idbrequest/onsuccess/index.md +++ b/files/fr/web/api/idbrequest/onsuccess/index.md @@ -3,84 +3,70 @@ title: IDBRequest.onsuccess slug: Web/API/IDBRequest/onsuccess translation_of: Web/API/IDBRequest/onsuccess --- -

{{ APIRef("IndexedDB") }}

+{{ APIRef("IndexedDB") }} +Le gestionnaire d'événement **`onsuccess`** de l'interface {{domxref("IDBRequest")}} capte l'événement [`success`](/en-US/docs/Web/Events/success), déclenché quand la requête réussie. -

Le gestionnaire d'événement onsuccess de l'interface {{domxref("IDBRequest")}} capte l'événement success, déclenché quand la requête réussie.

+Le gestionnaire d'événement un événement [success](/en-US/docs/Web/Events/success) avec le type="success" en paramètre. -

Le gestionnaire d'événement un événement success avec le type="success" en paramètre.

+{{AvailableInWorkers}} -

{{AvailableInWorkers}}

+## Syntaxe +```js +request.onsuccess = function( event ) { ... }; +``` -

Syntaxe

+## Exemple -
request.onsuccess = function( event ) { ... };
+L'exemple suivant demande un titre d'enregistrement donné, `onsuccess` obtient l'enregistrement associé de {{domxref("IDBObjectStore")}} (mis à disposition en tant que `objectStoreTitleRequest.result`), on met à jour une propriété de l'enregistrement, puis le sauve dans le magasin d'objets. En bas le gestionnaire d'événement `onerror` affiche le code d'erreur si la requête échoue. Pour un exemple de travail complet, voir notre [To-do Notifications](https://github.com/mdn/to-do-notifications/) app ([view example live](http://mdn.github.io/to-do-notifications/)). -

Exemple

+ var title = "Walk dog"; -

L'exemple suivant demande un titre d'enregistrement donné, onsuccess obtient l'enregistrement associé de {{domxref("IDBObjectStore")}} (mis à disposition en tant que objectStoreTitleRequest.result), on met à jour une propriété de l'enregistrement, puis le sauve dans le magasin d'objets. En bas le gestionnaire d'événement onerror affiche le code d'erreur si la requête échoue. Pour un exemple de travail complet, voir notre To-do Notifications app (view example live).

+ // Ouvrez une transaction comme d'habitude + var objectStore = db.transaction(['toDoList'], "readwrite").objectStore('toDoList'); -
var title = "Walk dog";
+    // Obtenez l'objet toDoList qui a ce titre
+    var objectStoreTitleRequest = objectStore.get(title);
 
-// Ouvrez une transaction comme d'habitude
-var objectStore = db.transaction(['toDoList'], "readwrite").objectStore('toDoList');
+    objectStoreTitleRequest.onsuccess = function() {
+      // Prenez l'objet de données renvoyé comme résultat
+      var data = objectStoreTitleRequest.result;
 
-// Obtenez l'objet toDoList qui a ce titre
-var objectStoreTitleRequest = objectStore.get(title);
+      // Mettre à jour la valeur notified de l'objet à "yes"
+      data.notified = "yes";
 
-objectStoreTitleRequest.onsuccess = function() {
-  // Prenez l'objet de données renvoyé comme résultat
-  var data = objectStoreTitleRequest.result;
+      // Créer une autre requête qui insère le nouvelle élément dans la base de données
+      var updateTitleRequest = objectStore.put(data);
 
-  // Mettre à jour la valeur notified de l'objet à "yes"
-  data.notified = "yes";
+      // Lorsque cette requête réussit, appelle de la fonction displayData() pour mettre à jour l'affichage
+      updateTitleRequest.onsuccess = function() {
+        displayData();
+      };
+    };
 
-  // Créer une autre requête qui insère le nouvelle élément dans la base de données
-  var updateTitleRequest = objectStore.put(data);
+    objectStoreTitleRequest.onerror = function() {
+      // Si une erreur se produit à la demande, on l'affiche
+      console.log("Il y a eu une erreur dans la récupération des données: " + objectStoreTitleRequest.error);
+    };
 
-  // Lorsque cette requête réussit, appelle de la fonction displayData() pour mettre à jour l'affichage
-  updateTitleRequest.onsuccess = function() {
-    displayData();
-  };
-};
+## Spécifications
 
-objectStoreTitleRequest.onerror = function() {
-  // Si une erreur se produit à la demande, on l'affiche
-  console.log("Il y a eu une erreur dans la récupération des données: " + objectStoreTitleRequest.error);
-};
-
+| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------- | ---------------------------- | ----------- | +| {{SpecName('IndexedDB', '#widl-IDBRequest-onsuccess', 'onsuccess')}} | {{Spec2('IndexedDB')}} |   | -

Spécifications

+## Compatibilité des navigateurs - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('IndexedDB', '#widl-IDBRequest-onsuccess', 'onsuccess')}}{{Spec2('IndexedDB')}} 
+{{Compat("api.IDBRequest.onsuccess")}} -

Compatibilité des navigateurs

+## Voir aussi -

{{Compat("api.IDBRequest.onsuccess")}}

- -

Voir aussi

- - +- [Using IndexedDB](/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB) +- [Success Event](/en-US/docs/Web/Events/success) +- Starting transactions: {{domxref("IDBDatabase")}} +- Using transactions: {{domxref("IDBTransaction")}} +- Setting a range of keys: {{domxref("IDBKeyRange")}} +- Retrieving and making changes to your data: {{domxref("IDBObjectStore")}} +- Using cursors: {{domxref("IDBCursor")}} +- Reference example: [To-do Notifications](https://github.com/mdn/to-do-notifications/tree/gh-pages) ([view example live](http://mdn.github.io/to-do-notifications/).) -- cgit v1.2.3-54-g00ecf