IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

TypeScript Discussion :

Récupérer arraylist depuis Java et l'afficher sur le front


Sujet :

TypeScript

  1. #1
    Membre averti
    Homme Profil pro
    Etudiant
    Inscrit en
    Février 2016
    Messages
    47
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Etudiant

    Informations forums :
    Inscription : Février 2016
    Messages : 47
    Par défaut Récupérer arraylist depuis Java et l'afficher sur le front
    Bonjour, je récupère avec http un arraylist de String depuis Java dans Angular, et j'aimerai pouvoir afficher chaque String via un Ngfor mais je n'y arrive pas. Dans mon typesciprt il y a un problème quand je récupère l'arraylist : Response with status: 200 OK for URL: http://localhost:8080/my-app/test' of type 'object'. NgFor only supports binding to Iterables such as Arrays.

    Bref voici le code Java qui retourne un array de string dans localhost 8080 :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    ArrayList<String> Clients = new ArrayList<String>();
     
    		while (it.hasNext()) {
    			String maString = "";
    			Document doc = it.next();		
    			maString = maString+" "+doc.get("nom");
    			maString = maString+" "+doc.get("prenom");
    			Clients.add(maString);
    			System.out.println(Clients);
    		}
     
    	return Clients;
    et voici comment j'essaie de le récupérer dans le typescript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    public clients: Client[];
     
      constructor(private http: Http) { }
     
     
      ngOnInit() {
     
     
            this.http.get("http://localhost:8080/my-app/test").subscribe(result => {
            this.clients = result as Client[];
    										}, error => console.error(error));
     
      }
    Et enfin mon html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     <div class="list-group">
     
     
            <p class="list-group-item-heading" *ngFor="let client of clients; let i = index">
              {{ client }} 
            </p>
     
        </div>
    Merci d'avance !

  2. #2
    Expert confirmé
    Avatar de Marco46
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2005
    Messages
    4 419
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2005
    Messages : 4 419
    Par défaut
    Quelle tête a la payload de ton webservice dans la partie network de ton navigateur ?

  3. #3
    Membre averti
    Homme Profil pro
    Etudiant
    Inscrit en
    Février 2016
    Messages
    47
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Etudiant

    Informations forums :
    Inscription : Février 2016
    Messages : 47
    Par défaut re
    Je récupère quelque chose du genre : [Nom prenom, Nom2 prenom2] qui sont des strings si c'est bien ça ta question

  4. #4
    Expert confirmé
    Avatar de Marco46
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2005
    Messages
    4 419
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2005
    Messages : 4 419
    Par défaut
    Ouvre ton outil network, et fait un C/C de la payload de retour de ton GET à l'exécution.

  5. #5
    Membre averti
    Homme Profil pro
    Etudiant
    Inscrit en
    Février 2016
    Messages
    47
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Etudiant

    Informations forums :
    Inscription : Février 2016
    Messages : 47
    Par défaut re
    Je ne sais pas si c'est vraiment ça mais j'ai dans request payload : idToken: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjY1NmMzZGQyMWQwZmVmODgyZTA5ZTBkODY5MWNhNWM3ZjJiMGQ2MjEiLCJ0e...
    Un id qui n'en finit pas. Je suis sur que je ne récupère pas correctement le tableau dans le typescript.

  6. #6
    Expert confirmé
    Avatar de Marco46
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2005
    Messages
    4 419
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2005
    Messages : 4 419
    Par défaut
    Si tu exportes ta session http via Chrome en HAR et que tu la postes ici je peux te regarder ça rapido.

    Sinon tu aurais pas une authentification à faire sur ton backend avant de pouvoir attaquer le endpoint que tu veux atteindre ?

Discussions similaires

  1. Réponses: 3
    Dernier message: 20/01/2016, 10h50
  2. récupérer flux csv et l'afficher sur son site
    Par maki69380 dans le forum Débuter
    Réponses: 1
    Dernier message: 02/04/2009, 17h57
  3. Réponses: 3
    Dernier message: 13/09/2007, 13h33
  4. Réponses: 3
    Dernier message: 31/05/2007, 20h40
  5. Réponses: 1
    Dernier message: 30/05/2007, 11h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo