Alors j'essaye de mettre un version commentée, et je sépare le code en deux...
Donc tu as d'un côté la page sur laquelle tu veux afficher la progression, je la met en html pour bien montrer qu'elle ne fait rien à part du javascript:
index.html:
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Test progression</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
// on défini le pas, i.e le nombre d'enregistrement que l'on souhaite traiter en même temps
var pas = 10;
// une simple fonction pour appeler la première fois le traitement en ajax
function launchImport(){
// on appel le premier traitement ajax, il va traiter les enregistrement de 0 à "pas" (10 ici)
importData(0,pas);
}
// fonction qui envoie une requête ajax au script d'import, en précisant le début souhaité pour l'import
function importData(debut,pas){
$.ajax({
type: "GET",
// le traitement se fait dans le fichier php traitement.php
url: "traitement.php",
// on lui passe comme argument le debut et le pas
data: "debut="+debut+"&pas="+pas,
// on traite les retours de l'appel ajax
success: function(msg){
// si on est pas à la fin, on affiche le pourcentage que nous a envoyé le script traitement.php
if(msg!='end'){
$('#infos').html(msg+'%');
// et on relance le traitement pour le "portion" suivante
importData(parseInt(debut)+parseInt(pas),pas);
}
// sinon on indique que c'est terminé
else {
$('#infos').html('100%');
}
}
});
}
</script>
</head>
<body>
<p>
<a href="#" onclick="launchImport()">Lancer l'import</a>
</p>
<p id="infos">
</p>
</body>
</html>
Ensuite le fichier traitement.php:
<?php
// partie du traitement serveur de l'enregistrement
if(isset($_GET['debut'])){
// on récupère le nombre d'enregistrement total
$nb_total = 200;
// on récupère le paramètre début
$debut = (int)$_GET['debut'];
// on calcul le pourcentage
$pourcentage = ($debut*100)/$nb_total;
//traitement
// ici tu faits tes requêtes, tes traitements de fichier, etc...
sleep(1);
// si on a encore des enregistrement à faire, on envoi simplement le pourcentage effectué
if($debut >= $nb_total){
echo 'end';
}
// sinon on renvoi le signal de fin
else {
echo $pourcentage;
}
}
C'est mieux comme ça?
Alors j'essaye de mettre un version commentée, et je sépare le code en deux...
Donc tu as d'un côté la page sur laquelle tu veux afficher la progression, je la met en html pour bien montrer qu'elle ne fait rien à part du javascript:
index.html:[html]<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Test progression</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
// on défini le pas, i.e le nombre d'enregistrement que l'on souhaite traiter en même temps
var pas = 10;
// une simple fonction pour appeler la première fois le traitement en ajax
function launchImport(){
// on appel le premier traitement ajax, il va traiter les enregistrement de 0 à "pas" (10 ici)
importData(0,pas);
}
// fonction qui envoie une requête ajax au script d'import, en précisant le début souhaité pour l'import
function importData(debut,pas){
$.ajax({
type: "GET",
// le traitement se fait dans le fichier php traitement.php
url: "traitement.php",
// on lui passe comme argument le debut et le pas
data: "debut="+debut+"&pas="+pas,
// on traite les retours de l'appel ajax
success: function(msg){
// si on est pas à la fin, on affiche le pourcentage que nous a envoyé le script traitement.php
if(msg!='end'){
$('#infos').html(msg+'%');
// et on relance le traitement pour le "portion" suivante
importData(parseInt(debut)+parseInt(pas),pas);
}
// sinon on indique que c'est terminé
else {
$('#infos').html('100%');
}
}
});
}
</script>
</head>
<body>
<p>
<a href="#" onclick="launchImport()">Lancer l'import</a>
</p>
<p id="infos">
</p>
</body>
</html>[/html]
Ensuite le fichier traitement.php:[php]<?php
// partie du traitement serveur de l'enregistrement
if(isset($_GET['debut'])){
// on récupère le nombre d'enregistrement total
$nb_total = 200;
// on récupère le paramètre début
$debut = (int)$_GET['debut'];
// on calcul le pourcentage
$pourcentage = ($debut*100)/$nb_total;
//traitement
// ici tu faits tes requêtes, tes traitements de fichier, etc...
sleep(1);
// si on a encore des enregistrement à faire, on envoi simplement le pourcentage effectué
if($debut >= $nb_total){
echo 'end';
}
// sinon on renvoi le signal de fin
else {
echo $pourcentage;
}
}[/php]
C'est mieux comme ça?
