L'Objet XMLHttpRequest pour données JSON généré par Arduino

**sidwin9** · 18/08/2017, 19h16

Bonjour,

Je cherche à lire un fichier JSON qui est sur un site web ou bien généré par un Arduino.
Avec le code suivant je n'ai aucun problème à lire un fichier JSON qui est à la même racine que mon fichier HTML me cela ne fonctionne pas lorsque je rentre chemin url de type http://bidon.free.fr/meteo.json :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
 
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
<script type="text/javascript">
 
function createXHR() 
{
    var request = false;
        try {
            request = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch (err2) {
            try {
                request = new ActiveXObject('Microsoft.XMLHTTP');
            }
            catch (err3) {
		try {
			request = new XMLHttpRequest();
		}
		catch (err1) 
		{
			request = false;
		}
            }
        }
    return request;
}
 
function loadJSON(urlf) 
{
	var fichier=createXHR();
	fichier.open("GET", urlf, true);
	fichier.onreadystatechange=function() 
	{
		if (fichier.readyState == 4) 
		{
			if (fichier.status != 404) 
			{
				document.getElementById("zone").innerHTML = "Trouvé";
				var data=eval("(" + fichier.responseText + ")");
				document.getElementById("zone").innerHTML = "Température Extérieure : " + data.Temp_Ext + "<br>";
			} 
			else 
			{
				document.getElementById("zone").innerHTML = urlf + " Non trouvé";
			}
		}
	}
	fichier.send(null);
}
 
</script>
 
<body bgcolor="#FFFFFF">
<p><font size="+3">Test connexion JSON Arduino</font></p>
<hr>
<FORM name="ajax" method="POST" action="">
  <p>
    <INPUT type="BUTTON" value=" Cliquer pour afficher les données JSON "  ONCLICK="loadJSON('meteo.json')">
  </p>
</FORM>
 
<div id="zone"></div>
 
 
<hr>
 
</body>
 
</html>

Merci pour vôtre aide...

**sidwin9** · 19/08/2017, 12h44

Bonjour,

Problème résolu, par défaut les requêtes HTML entre domaines différents ne sont pas autorisées, il suffit de gérer l'AcessControl sur le serveur Web source avec l'en-tête "Access-Control-Allow-Origin: *". Pour une meilleur sécurité, remplacer * par l'url du domaine autorisé.

L'Objet XMLHttpRequest pour données JSON généré par Arduino

AJAX

Vue hybride

Discussions similaires

Partager

Partager