Discussion :

[groooo]

Bonjour,

J'apprends à utiliser javascript et angularjs en particulier. Je voudrais pouvoir récuperer des données d'une base spécialisée dans la musique:
Par exemple, pour Coldplay:

Code :

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

http://www.theaudiodb.com/api/v1/json/1/searchalbum.php?s=Coldplay

Mais je n'ai aucun retour dans le scope.

Par contre, si je demande la page :

Code :

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

http://www.w3schools.com/angular/customers.php

Alors la ca marche.
J'ai fait vérifier que le json est correct pour le premier avec le site http://jsonlint.com/,

Voici le petit bout de code:

Code :

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

1
2
3
4
5
6
7
8
9
monApp.controller('tp3Controller', function($http, $scope) {
    var urlfound = "http://www.theaudiodb.com/api/v1/json/1/searchalbum.php?s=Coldplay";
    $scope.url = urlfound;
    $scope.data = null;
    //jQuery.get(urlfound, function(response){$scope.data = response;}); 
    $http.get(urlfound).success(function(response) {
        $scope.data = response;
    });
});

J'obtiens le même résultat avec jquery.
Est-ce que je dois oublier cette base de données? C'est une si bonne idée pourtant.

PS: Je ne compte pas lancer un site commercial avec leur db, je veux juste faire mon tp.

Merci de votre aide.

[slim]

Bonjour,

Quel est le contenu de la variable "response" dans la fonction "success" ?
Essaiede faire un console.log ou voir en debug s'il y a une erreur.

[EDIT] je vais reformuler ma réponse
alors, tu fais exactement la meme chose que ce qui est dit dans ma première réponse et tu ajoute une fonction error après la fonction success.
Lien vers le Service $http

[groooo]

Salut Slim,

Je viens d'utiliser la callback error :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
url: http://www.theaudiodb.com/api/v1/json/1/searchalbum.php?s=Coldplay
 
log: ECHEC
 
data:
 
status: 0
 
headers:
 
config: {"method":"GET","transformRequest":[null],"transformResponse":[null],"url":"http://www.theaudiodb.com/api/v1/json/1/searchalbum.php?s=Coldplay","headers":{"Accept":"application/json, text/plain, */*"}}

log veux juste dire que c'est la callback error qui a été appelée. Je vais aussi voir pour des logs plus détaillés. Par contre, je fais tourner ca sur apache2 donc je n'ai pas les fonctionalités de debug je crois.

[groooo]

Il se pourrait qu'il soit nécessaire d'obtenir une clef. Je suis désolé si c'est le cas Slim.
J'en dirai plus bientôt.

[slim]

tu dois faire le debug sur ton navigateur (F12) et non sur le serveur car le code AngularJS s'exécute sur le client et non sur le serveur... et voir le contenu de la variable response.
Mais avant cela, ecris ton appel comme ceci (cf doc):

Code :

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

1
2
3
4
5
6
7
8
9
$http.get('/someUrl').
  success(function(data, status, headers, config) {
    // this callback will be called asynchronously
    // when the response is available
  }).
  error(function(data, status, headers, config) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

et vois le contenu des reponses des deux methodes, success ou error.

De plus, il n'y a pas de code http 0. ton appel ne doit pas être bon. Il faut que tu revoies la documentation de l'API appelée.

[devyreham]

je viens de lancer l'URL dans REST Client et il y a bien une reponse status 200 (OK). Une piste: peut etre a tu deja fait beaucoup de test et leur API rejette tes appels?