Discussion :

[PMA68]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[SpaceFrog]

Le retour d'ajax se fait ici

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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