[Résolu] AJAX, MySQL et données lourdes

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu] AJAX, MySQL et données lourdes

ArnaudR

Street spirit

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 :

while($obs = mysql_fetch_array($query){
echo $obs['variable'] . "\n";
}

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

loadObs(){
if (xhr.readyState == 4 || xhr.readyState == 0) {
xhr.open("GET", 'loadObservations.php', true);
xhr.onreadystatechange = handleObs;
xhr.send(null);
}
}

Ç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 !

Message édité par ArnaudR le 17-04-2012 à 14:30:18

Publicité

flo850

moi je

remplace

Code :

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

Code :

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 :

Code :

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

ou encore plus court avec un replace

Message cité 1 fois
Message édité par flo850 le 17-04-2012 à 14:20:26

---------------

ArnaudR

Street spirit

flo850 a écrit :

remplace

Code :

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

Code :

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 :

Code :

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

ou encore plus court avec un replace

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

FORUM HardWare.fr

Programmation

HTML/CSS

[Résolu] AJAX, MySQL et données lourdes

Sujets relatifs
Créer une base de données oracle pour Java	Stockage des données d'un formulaire php dans un fichier csv
Organisation de tout plein de données	création et gestion d'une base de données.
Extraction de données	Base de données en réseau.
erreur d'importation sauvegarde base de données SQL	Exercices corrigées en base de données reparties
pb interprétation jquery dans ajax prototype	Ajax Hash avec display:none
Plus de sujets relatifs à : [Résolu] AJAX, MySQL et données lourdes

Page générée en 0.048 secondes