Zugriff auf Java-Modell Liste von Javascript/JQuery dynamisch

Question

Ich habe ein Modell als List<Collaborateur> von meinem Controller Action zu meinem JSP. Und ich habe die folgende Funktion in JQuery/Javascript:

function showCollaborateurEmail(index) { 
 
    alert("${collaborateurs[1].email}"); // Works 
 
    alert("${collaborateurs[2].email}"); // Works 
 
    //.... 
 
    alert("${collaborateurs[index].email}"); // Not working 
 
}

Deshalb möchte ich dynamisch die E-Mail von meinem Collaborateur Modell zeigen, indem sie die Funktion showCollaborateurEmail(index) aufrufen.

Vielen Dank für Ihre Hilfe!

Answer 1

Bitte überprüfen die index korrekt an die Funktion ist vorbei und versuchen, mit Hilfe dieser

alert("${collaborateurs[" + index + "].email}"); 

Answer 2

Zwei Ansätze erforschen: die 1) mit allen Elementen der Liste einen Javascript-Array erzeugen, und Zugang nach Belieben auf der Client-Seite (Javascript) 2) Zugriff auf die "Collaborateurs" über eine Ajax-Anfrage

Answer 3

Das Problem, das Sie gegenüberstellen, ist der Austausch von Daten zwischen Code auf der Serverseite und Code auf der Clientseite. Es gibt mehrere Möglichkeiten, um Ihr Ziel zu erreichen. Sie können ...

1. speichern die Listenelemente in einer versteckten Form-Feld (von Trennzeichen zu entkommen könnte eine Herausforderung sein) oder
2. erzeugen Javascript - Code auf Serverseite in JSP, die eine Javascript-Array erstellt mit Die Listenelemente oder
3. verwenden Ajax.

1 und 2 sind eher ad hoc - Lösungen für ein kleines Problem. 3 ist eher eine größere Lösung (abhängig von Ihrer technischen Umgebung), die zusätzlich die Möglichkeit bietet, Seitenladevorgänge zu vermeiden.

Answer 4

Ich würde nicht empfehlen, Server- und Client-Code wie folgt durch jsp zu mischen. Stattdessen sollten Sie ein Servlet erstellen und nennen, was Sie mit Ajax brauchen.

Wenn Sie einen schmutzigen/quick Trick verwenden Ich denke, können Sie das Array von der Serverseite auf die Client-Seite in einem <script> Tag

Zum Beispiel bauen zurück:

<script> 
var emailArray = [ 
    <%for (int i = 0; i > collaborateurs.length; i++){ %> 
    "<%=collaborateurs[i].email %>" 
    <% 
     if(i < collaborateurs.length - 1){ 
      %>, <% 
     } 
    }%> 
]; 
</script> 

(I schrieb dies von Hand, ich bin mir nicht sicher, ob die Syntax korrekt ist, aber ich hoffe, Sie haben die Idee)

Answer 5

Eine weitere Option, die Sie haben werden, konvertiert Ihr List-Objekt in JSON und dann auf eine Variable in JSP während Compiling-Phase und die auf der Client-Seite parsen json und mak e ein Objekt und iteriere darüber. Auf diese Weise können Sie auch nach dem Laden Ihrer Seite auf Ihre Liste zugreifen.

Sie können API wie Gson, Jackson usw. verwenden

Beispiel: -

List<Object> list1=new ArrayList<>(); 
// Add values to list here 
JSONArray obj=new JSONArray(list1); 

In JSP:

var collaborateursList=${collaborateurs}; 

function showCollaborateurEmail(index) { 
    alert(collaborateursList[1].email); 
    alert(collaborateursList[2].email); 
    alert("collaborateursList[index].email); 
}