Variable dans Div an Ajax Résolu/Fermé

Question

Bonjour tout le monde,

Je me permet de poster ici car je n'arrive pas a afficher le contenu d'un variable PHP dans une Div en javascript.

Je m'explique:

J'ai une feuille parse.php qui parse un fichier xml distant et me remonte pour l'exemple, la date du jour.

<?php$xml=simplexml_load_file("http://192.168.1.6/status.xml") or die("Error: Cannot create object");$date=$xml->day;echo $date;?> 

En Javascript, j'arrive bien a récupérer et à mettre le contenu complet de ma feuille parse.php dans ma div qui a pour ID "test".

setInterval(function() {    var url = '../parse.php';    $.post(url, function(data){        $('#test').html(data);});              }, 2000);

Cependant j'amenais n'afficher que la variable "date" afin de pouvoir récupérer d'autre variable et les afficher dans d'autre div.


Que dois-je mettre a la place de :

 $('#test').html(data);

Merci a vous.

jordane45 · Answer

Bonjour,

commence par nous montrer le résultat d'un console.log de ta variable data histoire qu'on voit à quoi ressemblent les données que tu reçois dans ton JS ...

Il serait peut-être pas mal également de renvoyer les données au format JSON
plus simple ensuite pour les manipuler.

none61 · Answer

Bonjour Jordan45, Merci pour ta réponse ;-)

j'ai testé
setInterval(function() {var url = '../parse.php';$.post(url, function(data){$('#test').html(data);console.log(data);}); }, 2000);

Dans la console d Firefox cela me retourne ceci :

Il n'y a donc en effet que la date, ce qui est normal vu que mon Php ne fait un écho QUE sur la date pour le moment.

none61 · Answer

Pour information voici ce que me retourne le console.log pour le Php suivant: 

<?php$xml=simplexml_load_file("http://192.168.1.6/status.xml") or die("Error: Cannot create object");$date=$xml->day;$btn=$xml->led0;echo $date;echo $btn;?> 


On remarque que le contenu de "led 0" vaut 0 et que la div ayant pour ID "test" contient l'ensemble des deux variables...

jordane45 · Answer

Il est étonnant, dans ton console.log qu'il y ait du code html ....
Tu peux nous montrer le code  complet du fichier PHP (celui qui permet de récupérer le contenu de ton xml ).
N'y aurais tu pas mis du code html ??

et le contenu du fichier status.xml serait pas mal également.

none61 · Answer

Bien vu pour le code html dans le php ;-) Voici la page php complète: day;$btn=$xml->led0;echo $date;echo $btn;?> Voici la page status.xml : This XML file does not appear to have any style information associated with it. The document tree is shown below. 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up up 31/03/2020 14:37:25 215 0 0 0 6 1 0 0 101 27 8 ---- 3.05.35

jordane45 · Answer

Côté PHP

<?php

$xml=simplexml_load_file("http://192.168.1.6/status.xml") or die("Error: Cannot create object");

$result = array('date'=>$xml->day , 'btn'=>$xml->btn);
echo json_encode($result);

?> 

et rien d'autre ! pas de html.. que le code que je t'ai donné !

Et côté JS :

setInterval(function() {
	var url = '../parse.php';
	
	$.ajax({ cache: false,
		url: url,
	    dataType :"json"
	}).done(function (data) {
		if(typeof(data)!="undefined" && data!=null ){
	    console.log(data);
		$('#test').html(data.date);
	   }else{
	     console.log('No Data to display');
	   }
	}).fail(function (jqXHR, textStatus) {
		console.log('ERREUR AJAX',jqXHR, textStatus);
		alert("Erreur Ajax");
	});

}, 2000);

none61 · Answer

Merci pour ta réponse, je n'ai pas mis de html ;-) 

Bon j'ai testé ton code, au niveau Php, cela me retourne :

Ton code transforme le .xml en .Json ? c'est énorme !

Par contre coté javascript, rien ne s'affiche dans ma page ni dans mon console.log
Je vais re-contrôler quand même défis que j'ai fais une erreur...

none61 · Answer

Merci à toi,

Je dois être une chèvre car je n'arrive n'y a faire fonctionner ton Js ni a voir la requête POST dans xrh..

Je fouille ...

none61 · Answer

Donc, je n'arrive rien a voir lorsque je clic sur xhr ..

J'ai rajouté un alerte(data.date); pour voir ce qu'il me retournait et le résultat est:

none61 · Answer

J'aurais bien aimé, mais il n'y a rien d'affiché dans la console

none61 · Answer

J'ai trouvé ;-)

setInterval(function() {
        var url = '../parse_ipx.php';
        
        $.ajax({ cache: false,
                url: url,
                type : "POST",
             dataType :"json"
        }).done(function (data) {
                if(typeof(data)!="undefined" && data!=null ){
            console.log(data);
                $('#test').html(data.date[0]);
           }else{
             console.log('No Data to display');
           }
        }).fail(function (jqXHR, textStatus) {
                console.log('ERREUR AJAX',jqXHR, textStatus);
                alert("Erreur Ajax");
        });

}, 2000);

EDIT : Correction des balises de code pour y mettre le LANGAGE
Merci d'y penser à l'avenir.

Variable dans Div an Ajax

11 réponses

Discussions similaires