Modifier un objet d'une page HTML en JS

Bonjour,

J'ai une page HTML qui affiche une liste d'enregistrements comme suit:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<tal:block tal:repeat="request RequestsList"> <tr class="request-line"> <td> <p>${request.author}</p> </td> <td> <p>${request.date}</p> </td> <p onclick="viewRequestDetails(${request.id},displayRequestDetails)" style="cursor:pointer">${request.subject}</p> </td> </tr> </tal:block>

---

Pour des raisons de temps de chargement, l'object RequestsList, ne contient pas les informations détaillées.
La fonction viewRequestDetails, fait récupère donc ces données via un appel d'api.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

function viewRequestDetails(requestId, callback) { $.ajax({ url: '/api/request/'+requestId+'/read', dataType: 'json', method: 'POST', success: function (data, textStatus, jqXHR) { callback(); },   }); };   function displayRequestDetails() { $('#request-display-modal').modal('show'); };

---

Je voudrais pouvoir accéder aux données retournée dans l'appel d'API, dans la modal affichée dans displayRequestDetails.
Quelqu'un a t'il une solution à proposer?

Le retour d'ajax se fait ici

Code:

---

1 2 3

success: function (data, textStatus, jqXHR) { callback(); },

---

et le data en paramètre contient les données retournées sous forme de json ...

le call back est lancé ...

pour voir le json retourné:

Code:

---

1 2 3 4

success: function (data, textStatus, jqXHR) { console.log( data); callback(); },

---

t'affichera le json en console

Vu que la fonction callback ne fait qu'afficher un div, tu as aussi vite fait d'exploiter les données dans le succes ...
Sinon il faudra soit les passer dans des variables globales, ou les passer en paramètres à ton callback ...

Code:

---

1 2 3

success: function (data, textStatus, jqXHR) { callback(data); },

---

Code:

---

1 2 3 4

function displayRequestDetails(respJSON) { //ici le json sera dispo $('#request-display-modal').modal('show'); };

---