Discussion :

[Jarell]

Bonjour j'essaye de comprendre comment en javascript avec Angular et REST je peux me connecter à un web service qui récupère des données en base, et effectuer des opérations CRUD sur les données que me retourne mon ws.

Dans un premier temps j'aimerai juste pouvoir me connecter à ce web service et récupérer les données pour celà, j'ai essayé plusieurs méthodes, mais je n'ai jamais réussi à retourner une valeur sur ma vue. Parmi ce que j'ai essayé voici pour le .js :

Code :

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

1
2
3
4
5
6
function AdminCtrl($scope, $http) {
$http({method: 'GET', url: 'http://localhost:8010/mon_ws'}).
            success(function(data, status, headers, config) {
                $scope.assets= data;
            })
}

Puis un deuxième cas ou j'essaye de me connecter sans rest :

Code :

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

1
2
3
4
5
6
7
8
9
var url = "http://localhost:8010/mon_ws";
 
    $http.jsonp(url) 
        .success(function(data) {
            $scope.assets = data;
 
        }).error(function(data) {
            $scope.assets = data || "Request failed";
        });

Ma vue html est toujours la même dans les deux cas :

Code html :

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
<div ng-controller="AdminCtrl">
<div class="span8">
        <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="assets">
            <h1 class="assets_title">Assets</h1>
            <thead>
                <th>Value</th>
                <th>Description</th>
            </thead>
            <tbody>
                <tr ng-repeat="asset in assets | filter:query">
                    <td>
                        {{asset.Name}}
                    </td>
                    <td>
                        {{asset.Description}}
                    </td>
                </tr>
            </tbody>
 
        </table>
    </div>
</div>

En sachant que Name et Description son les attributs de l'objet en base, récupéré par le web service appelé et que je souhaite exploiter.

Merci pour votre aide.

[Invité]

Salut,

Déjà tu as des incohérences dans ton binding controller-view : dans ta vue, la variable sur laquelle tu fais le ng-repeat est "Assets". Or dans ton premier test tu défini $scope.apps, alors que apps n'est pas utilisé côté template, et dans le deuxième tu définis $scope.asset alors que asset est, dans ta vue, l'élément d'itération.

Donc si l'objet data résultant de ta requête ajax contient les assets attendus dans ton template, sous forme de tableau, le plus logique serait d'avoir $scope.Assets = data dans ton contrôleur. Dans ce cas l'instruction ng-repeat="asset in Assets" dans ton template itère bien sur les données voulues.

[Jarell]

erreur de ma part j'ai juste pas repris le bon exemple. Merci de l'avoir signaler, histoire que ça soit plus cohérent à présent.

[Jarell]

Si quelqu'un à une idée je suis toujours preneur, je n'y arrive toujours pas.

Quand je met un point d’arrêt ça ne passe jamais dans le .succes

J'ai testé une autre façon de faire :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var url = "http://localhost:8010/mon_ws";
 
    $http.jsonp(url)
        .success(function(data) {
            $scope.assets = new Array(data);
 
            for(var index = 0; index < assets.length; index++){
                Name: $scope.assets[index];
            }
 
        }).error(function(err) {
            console.log("get error : "+err);
        });

Il y a une légère avancée, dans le sens ou le tableau se déploie partiellement des lignes se rajoutent dans le tableau mais il reste vide.

[Invité]

Tu as suivi ta requêtes AJAX dans un debugger (firebug/chrome...) ? Est-ce qu'une réponse correctement formatée avec les données voulues t'es bien retournée ?

[Jarell]

J'ai bien une réponse qui m'intéresse qui est retournée dans le suivi de type :

Code :

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

{"Children":[],"Counters":[],"Description":"blabla","Id":"aet5ger8a8eg","Name":"tructruc","ParentId":"zapia-euu8984","Status":null,"Location":null}

Plus exactement c'est le "Name" que j'essaye de récupérer dans un premier temps.

J'ai récupérer l'erreur dans la console :

get error : undefined

SyntaxError: invalid label

{"Children":[],"Counters":[],"Description":"blabla"......}

Sur la colonne 1 ligne 1 soit au niveau du premier {