Mise à jour de la base aprés insertion et visualisation par des requêtes Ajax

Version imprimable

14/09/2021, 09h36
comme de bien entendu

Mise à jour de la base aprés insertion et visualisation par des requêtes Ajax

Bonjour, je fais une insertion dans une base MySqsl suite à l'intégration d'un fichier dans l'interface, mais si je lance aussitôt l'affichage de la table, sans recharger la page, l'élément n'est pas intégré, alors que si je temporise avant d'obtenir la nouvelle liste de fihcier via le mode debug du navigateur, l'intégration fonctionne. (comme si l'intégration n'avait pas eu le temps de se finir quand je déclenche le select suivant)

Plus en détail, j'intégre un fichier image, je lance depuis JavaScript une requêe Ajax qui lance cette requete Sql :

Code:

"INSERT INTO IMAGES_POSSIBLES_MAIL(id,ID_B2B,NOM,NOMDEFICHIER) VALUES (null,'" . $ID_B2B . "','" .$NOM . "','" . $NOM . "')";

Ensuite de retour dans le code JavaScript je lance directement via l'Ajax la requête d'affichage des images intégrées. Je lance donc cette requete Sql.

Code:

SELECT ID,NOM,NOMDEFICHIER from IMAGES_POSSIBLES_MAIL where ID_B2B =" . $LeID_B2B .""

Cependant je n'obtiens pas la dernière image ajoutée, je ne l'aurais que si je réintegre une nouvelle image où que je raffraichisse l'écran.
Je pense qu'il est peut être possible d'utiliser lastInsertId() pour récupérer le dernier identifiant mais je pense qu'il y a peut être quelque chose de plus académique à faire, du coup je pose la question. Sinon il faudrait que je relance l'affichage de la page dans JavaScirpt mais ce n'est pas trés Web 2.0

Merci d'avance de vos idées.
14/09/2021, 11h51
Séb.
Citation:

je fais une insertion dans une base MySqsl suite à l'intégration d'un fichier dans l'interface, mais si je lance aussitôt l'affichage de la table, sans recharger la page, l'élément n'est pas intégré

Comment t'y prends-tu pour cela ? Il y a sûrement un mauvais cadencement.

En JS il faut faire quelque chose comme :
Code:

1 2 3 fetch(<envoi du fichier>).then(response => { <si ok rafraichissement de l'interface> });
=> Tu rafraichis après un retour positif du serveur

Voici comment je fais l'appel Ajax, ce code charge le fichier et appel le Php avec le Sql d'insertion:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function ajax_file_upload(file_obj) {
  if(file_obj != undefined) {
    var form_data = new FormData();
    InfosFichierType=*file_obj.type;
    InfosFichierNom=*file_obj.name;
    form_data.append('file', file_obj);
    $.ajax({
      type: 'POST',
      url: 'PHP_Pour_Ajax/IntegrationImage2.php',
      contentType: false,
      processData: false,
      data: form_data,
      success:function() {
      $('#selectfile').val('');
      }
    });
  }
AffichageDebut();
}

et ensuite j'appelle AffichageDebut(): qui appel le Php avec le select qui met à jour l'affichage

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function AffichageDebut()
{
$.ajax({
    url: "PHP_Pour_Ajax/ListeDesFichiersImagesCharges.php",
    type: "POST",
    success: function(data){
      $("#TableauListeImagesIntegrees").html(data);
    },
    error: function(){},
    }
    );
 
}

Qu'est ce qui empéche que l'affichage prenne pas en compte l'insertion du nouveau fichier ?

Bonjour,

AffichageDebut(); doit être appelé dans le success :
Code:

1 2 3 4 success:function() { $('#selectfile').val(''); AffichageDebut(); }

14/09/2021, 17h16
comme de bien entendu

Merci bien. Bonne fin de journée.