Bonjour,
 
Je fais mes premiers pas avec AJAX, mais je suis familier de PHP/MySQL (et à peu près de Javascript également).
J'ai une base de données qui contient environ 10 000 observations, et j'essaye de faire une requête toute simple pour afficher une variable de ces observations dans un div.
 
Concrètement, j'ai trois fichiers :
 
1. Un index.html qui contient un  

 
2. Un ficher loadObservations.php qui contient essentiellement :

 
2. Un script.js qui contient une variable xhr pointant vers un XMLHttpRequest standard et (notamment) deux fonctions :

 
et
 

 
 
Ça marche sans problème quand il y a jusqu'à une centaine voire un millier de résultats. Après il n'arrive plus à suivre.
Je fais tourner tout ça en local avec un serveur MAMP.
 
Des idées, des conseils ?
 
Merci !

remplace

if (listOfObs.length > 1) {
   for (i = 0 ; i < listOfObs.length - 1 ; i++){
// on  oblige  s le navigateur a tout redessiner à chaque ajout
       document.getElementById("affichage" ).innerHTML +=
     "<p>" + listOfObs[i] + "</p>\n";
   }

par

if (listOfObs.length > 1) {
var html = '';
   for (i = 0 ; i < listOfObs.length - 1 ; i++){
       html  +=
     "<p>" + listOfObs[i] + "</p>\n";
   }
// on  oblige    le navigateur a tout redessiner une seule fois 
document.getElementById("affichage" ).innerHTML  =html ;

ou plus court :

var html = = '<p>'+xhr.responseText.split("\n" ).join('</p><p>')+'</p>';
document.getElementById("affichage" ).innerHTML  =html ;

ou encore plus court avec un replace

if (listOfObs.length > 1) {
   for (i = 0 ; i < listOfObs.length - 1 ; i++){
// on  oblige  s le navigateur a tout redessiner à chaque ajout
       document.getElementById("affichage" ).innerHTML +=
     "<p>" + listOfObs[i] + "</p>\n";
   }

if (listOfObs.length > 1) {
var html = '';
   for (i = 0 ; i < listOfObs.length - 1 ; i++){
       html  +=
     "<p>" + listOfObs[i] + "</p>\n";
   }
// on  oblige    le navigateur a tout redessiner une seule fois 
document.getElementById("affichage" ).innerHTML  =html ;

var html = = '<p>'+xhr.responseText.split("\n" ).join('</p><p>')+'</p>';
document.getElementById("affichage" ).innerHTML  =html ;

Merci, je n'avais pas compris que le problème venait de là. C'est beaucoup plus rapide comme ça en effet