Importer un js contenant du JSON

**Cvanhove** · 01/04/2016, 10h32

Bonjour,

Je suis confronté à un problème car je n'ai jamais fait cela auparavant. J'ai un fichier .js contenant du JSON, je l'ai assigné à une variable. Je cherche maintenant à importer son contenu via Javascript/JQuery afin de l'afficher dans mon HTML mais je ne sais pas comment procéder... pouvez-vous m'éclairer?

Mon fichier .js :

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
 
var catalogue = {
	"databases" : [
	{
		"Name":"pepito",
		"Schemas":[
		{
			"Name":"chose",
			"Tables":[
			{
				"Name":"machin",
				"cols":[
				{
					"Name":"bidule",
					"Type":9
				},
				{
					"Name":"truc",
					"Type":1
				}
				]
			}
			]
		}
		]
	}
	]
}

Cordialement

**Cvanhove** · 01/04/2016, 12h35

Lorsque j'essaye d'importe mon JSON j'ai une erreur à la ligne 1 de mon HTML de type:

Code :

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

1
2
 
Uncaught SyntaxError: Unexpected token o

Voici mon code HTML :

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
 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Test JQuery</title>
	</head>
	<body background="bgReact.jpg" style="color:#01A9DB;font-size:20pt">
		<form>
 
    	</form>
    </body>
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
	<script src="ressource.js"></script>
    <script type="text/javascript">
	    var obj = JSON.parse(catalogue);
    </script>
</html>

EDIT : avant qu'on ne pose la question : c'est ABSOLUMENT certain que mon Json soit correct, je l'ai fait vérifier par un collègue et je l'ai passe sous jsonlint.

**SylvainPV** · 01/04/2016, 13h56

Ce n'est pas du JSON, c'est du JS. Donc il faut l'importer comme on importe un fichier JS, soit via une balise <script>, soit en AJAX, soit avec ES6 et exports. JSON.parse sert à transformer du JSON en objet JS, mais ce que tu as, c'est déjà un objet JS exploitable...

Importer un js contenant du JSON

JavaScript

Discussions similaires

Partager

Partager