Discussion :

[celine321]

Bonjour,
Je démarre avec angularjs et je suis larguée... J'ai un projet angular qui fonctionne très bien en local. En vue d'en faire une appli android, et si j'ai bien compris, je dois conserver mon code en local et mettre toute la partie serveur sur le serveur... J'ai donc monté ma DB sur le serveur et les scripts PHP, changé les URL dans mes requêtes ajax et là c'est le drame...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 app.controller("CategoriesCtrl", function($scope, $http, $location, $rootScope) {
            $scope.titre = "MARTIN'SHOP2 - CATEGORIES";
            $http.get('http://urlServer/traitementCategorie.php', {
                    // $http.get('traitementCategorie.php', { 
                    params: { action: "afficheCategories" }
                })
                .success(function(data) {
                    $scope.reponseCategories = data;
                })
                .error(function(data, status) {
                    console.log(data);
                });
)

Code php :

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

1
2
3
4
5
6
7
8
if($_GET['action'] == "afficheCategories"){ 
    $requete ="SELECT * FROM categorie";  
    include'connexionDB.php';
    $resultat = $connDB->query($requete);
    $donnees = $resultat->fetchAll(PDO::FETCH_ASSOC);
    echo json_encode($donnees);
    include'deconnexionDB.php'; 
}

et voici mon erreur...
Failed to load http://urlServer/traitementCategorie...cheCategories: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.
Je ne comprend pas pourquoi je ne peut pas accéder au script qui pourtant marche en local...Merci

[Spartacusply]

Salut,

c'est une nouvelle protection mise en place par les navigateurs pour vérifier que tu as bien les droits d'accéder à la ressource demandée. En gros une requête de type OPTIONS est tout d'abord envoyé à ton serveur et il vérifie que l'url de ton navigateur est bien présente dans l'en-tête 'Access-Control-Allow-Origin' ce qui ne doit pas être ton cas.

Pour en savoir plus : https://developer.mozilla.org/en-US/...ethods/OPTIONS'

Lis cette documentation et n'hésite pas à reposer des questions si ce n'est pas clair.

[celine321]

J'y vais de ce pas... MERCI

[celine321]

2 petites lignes en haut de mon php :

Code :

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

1
2
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: *");

et tout marche parfaitement. Merci

[Spartacusply]

Pour des raisons de performances n'hésite pas également à by-passer les requêtes de type OPTIONS et à renvoyer directement la réponse sans effectuer aucun traitement.