Discussion :

[alex77722]

Bonjour à tous,

Je me suis lancé dans l'apprentissage d'Angular et j'ai trouvé ce tutoriel sur youtube fait par Grafikart. Il s'inspire lui-même de todomvc.com.

J'ai suivi la vidéo et l'ai reproduis en parallèle, j'ai eu quelques soucis mais rien d'insurmontable. Jusqu'à l'Ajax, lorsqu'il faut utiliser la dépendance $http :

Code :

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

1
2
3
$http.get("Data/data.json").success(function (data) {
    $scope.todos = data;
    ...

Contrairement au tutoriel en ligne, je n'ai pas mis le fichier à la racine du projet mais dans un sous-dossier "Data" et le fichier n'est pas en PHP mais en JSON (pendant mes tests, j'ai testé en PHP mais j'ai le même message d'erreur).

Voici le contenu du fichier JSON :

Code :

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

1
2
3
4
[
    {"name": "blo",	"completed": false},
    {"name": "bla",	"completed" : true}
]

Lorsque j'ouvre le fichier "todoApp.html" avec chromium et que j'utilise les outils de debugage, la console m'envoit le message :

Code :

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

XMLHttpRequest cannot load file:///home/asirko/Programmation/JavaScript/Angular/Todo/Data/data.json. Received an invalid response. Origin 'null' is therefore not allowed access.

J'ai décidé de m'en remettre à vous. J'aimerais que vous m'aidiez à comprendre l'erreur et la corriger.

[EDIT] Après avoir essayer sur un autre ordinateur, j'ai une autre erreur :

Code :

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

Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.

Cette erreur me semble bizarre, je ne change pas de domain, je suis toujours dans le même système de fichiers en local ...

Pitié aidez moi ! Une simple piste !? Je n'en peux plus de tourner en rond.


En pièce jointe, j'ai fourni une archive avec le projet complet si besoin.

[alex77722]

En lisant plus de doc sur l'erreur "cross origin requests", quelqu'un proposait d'installer un serveur pour que tous les fichiers circulent par http. Sans espoir, j'ai installé le serveur Apache et l'ai configuré pour avoir ma page perso, j'y ai déposé mon projet.


Et là ! Miracle ! tout fonctionnait !!!


J'ai donc résolu mon problème, mais je ne comprend pas pourquoi il n'est pas possible d'utiliser des adresses en "file:///C:/" pour faire mes tests en locale ?

[kaari kosaku]

Salut, chrome ne permet pas de faire des appels Ajax vers des url file:///, et je trouve ça parfaitement logique .