Ajax / mise a jour de plusieurs 'div'

Fermé

Olgarythme - 27 juin 2020 à 13:56
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 - 27 juin 2020 à 14:42

Bonjour,
J'utilise Ajax pour mettre a jour une partie de la page sur différents postes, dans le cadre d'un jeu en ligne.
Je suis parti de ce modèle, trouvé en ligne, qui fonctionne quand on modifie uniquement les données d'un div.

Mais j'ai besoin de mettre a jour plusieurs div.
Comment faire?

<html><head> 
  <script src="jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" src="jquery-jclock.js"></script>
  <script type="text/javascript" charset="utf-8"> 

function waitForMsg(){
$.ajax({
		type: "GET",
		url: "show.php",
		async: true,
		cache: false,		
		success: function(data){		
$("partie") . empty();
$("partie") . append ( data );
	
		setTimeout("waitForMsg()",1000);
		},
		error: function(XMLHttpRequest,textStatus,errorThrown) {
	//	 alert("error: "+textStatus + "  "+ errorThrown  );
		setTimeout("waitForMsg()",15000);
		}
	  });
	}
	
</script>
</head>
<body>

<div id="partie"></div>

<?php

if (! session_id () )
  {
  session_start();
  }

// mon programme PHP

 ?>

<script type="text/javascript" charset="utf-8">
	$(document).ready(
	 function() 
	 {	
	  waitForMsg(); 	 
	 });	
</script>

</body></html>

A voir également:

Ajax / mise a jour de plusieurs 'div'
Mise à jour pilote - Guide
Mise a jour airpods - Guide
Mise a jour windows 10 - Guide
Mise a jour xiaomi - Guide
Mise a jour chromecast - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
27 juin 2020 à 14:12

Bonjour,

Ton ajax retourne quoi comme infos ? Toutes les infos necessaires pour mettre à jour tes différentes div ?
Si oui, la "mise à jour" des div se fait comme n'importe quel code javascript... dans le "success" de l'appel ajax

function waitForMsg(){
  $.ajax({
      type: "GET",
      url: "show.php",
      async: true,
      cache: false,		
      success: function(data){		
        
        console.log("resultat ajax",data);
        //là tu mets à jour tes div
        
    
        setTimeout("waitForMsg()",1000);
      },
      error: function(XMLHttpRequest,textStatus,errorThrown) {
        console.log("error: ",textStatus ,errorThrown  );
        setTimeout("waitForMsg()",15000);
      }
	});
}

par contre, ce code est faux :

$("partie") . empty();
$("partie") . append ( data );

partie c'est quoi ? Un ID, une Class ?
Pour cibler un ID il faut précéder d'un dièse

$("#partie")

Si c'est une class, faut précéder d'un point

$(".partie")

En plus, ces deux lignes de codes peuvent être remplacées par une seule

$("#partie").html(data);

Olgarythme
Modifié le 27 juin 2020 à 14:31

Oui.
Je viens de le voir.

partie est une div
<div id="partie"></div>
Ma question reste valable.

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650 > Olgarythme
Modifié le 27 juin 2020 à 14:43

Ma question reste valable.

Les miennes également.....

Discussions similaires

mise à jour boitier X96 mini

Mise à jour impossible à terminer

Discussions similaires

Newsletters