kann nicht scriplet Variable in meinem Javascript

Question

Iam zuzugreifen versuchen, eine scriplet Variable in meiner JavaScript-Funktion zugreifen zu können, aber ich bin nicht Resul immer wie erwartet, hier ist mein Javascript,

<script language="javascript"> 
function drawFreeSlot(){ 
    var div = document.createElement('div'); 
    var slotNo = <%=slotCount%>; 
    div.className = 'col-1'; 
    //div.appendChild("Slot"+slotNo); 
    div.style.backgroundColor = 'lightgreen'; 
    document.getElementById('content').appendChild(div); 
</script> 

und mein scriplet Code als ,

<%!int slotCount = 0; %> 
<%for(ParkingSlot slot:slotList){ 
if(slot.getPhoneNo() == 0){ 
slotCount++;%> 
<script> 
drawFreeSlot(); 

</script> 
<% 
}%> 

beiden Code sind in gleicher jsp Datei, Bitte helfen Sie mir, Vielen Dank im Voraus.

Answer 1

Um Ihr Problem zu verstehen, benötigen Sie einige Informationen über die Art und Weise, wie dies gemacht wird.

Sie arbeiten mit zwei verschiedenen Seiten in Ihrem Code. Das Scriplet auf der Serverseite und das Javascript auf der Client-Seite, Zuerst wird das Skript ausgeführt, dann wird das Ergebnis an den Browser gesendet, um das Javascript auszuführen.

Server-Seite

Das erste, was ist zu verstehen, dass die Scriplet nicht Javascript-Code auszuführen. Die JSP wird grundsätzlich etwas Text in die Datei einfügen.

In Ihrem Fall wird die Schleife einzufügen

<script> 
    drawFreeSlot(); 
</script> 

Für jede ParkingSlot mit einer Telefonnummer auf 0 gesetzt (und inkrementiert die Variable).

Es wird auch die Variablenwert in die Funktion

<script language="javascript"> 
function drawFreeSlot(){ 
    var div = document.createElement('div'); 
    var slotNo = <%=slotCount%>; 
    div.className = 'col-1'; 
    //div.appendChild("Slot"+slotNo); 
    div.style.backgroundColor = 'lightgreen'; 
    document.getElementById('content').appendChild(div); 
</script> 

Die Werte auf der Position dieses Codes hängt einsetzen, wenn dies nach der Schleife ist, werden Sie die Anzahl der Slot haben, wenn nicht, es wird 0 sein. Es benutzt die Variable nicht, sondern fügt den Wert als Text ein.

Client-Seite

Wenn dies geschehen ist, wird die Seite an den Client-Browser gesendet werden und eine HTML-Seite mit einem derjenigediejenigedasjenige Skriptblock erhalten.

Der Browser liest die Datei, um das Ergebnis anzuzeigen. Dies ist, wenn das Javascript ausgeführt wird. Also für jeden drawFreeSlot() Block gefunden, wird er die Funktion ausführen, aber die Funktion nur den Wert der Variablen einfügen zu der Zeit, das ist, wo ist dein Problem.

Lösung

Als Nnnnnn vorschlagen es wird das Problem beheben mit einem Parameter.

<script>drawFreeSlot(<%=++slotCount%>);</script> 

Die HTML-Seite wird wie folgt aussehen:

... 
<script> 
    drawFreeSlot(1); 
</script> 
... 
<script> 
    drawFreeSlot(2); 
</script> 
... 
<script> 
    drawFreeSlot(3); 
</script> 
... 

Nur eine einfache Änderung in der Funktion mit diesem Parameter zu arbeiten, ist notwendig und Ihr Code wird funktionieren.

Da in jeder Schleife, drucken Sie den Wert zu dieser Zeit Ihrer Variablen.

Answer 2

Wie nnnnnn darauf hingewiesen, wird var slotNo = <%=slotCount%>slotNo nur einmal eingestellt und dann wird es nicht wie erwartet aktualisiert. Übergeben Sie stattdessen ein Argument an die Funktion, sodass der Wert slotCount im Funktionsumfang von jedem Funktionsaufruf abhängig sein wird.

function drawFreeSlot(slotCount) { 
    var div = document.createElement('div'); 
    div.className = 'col-1'; 
    div.appendChild("Slot" + slotCount); 
    div.style.backgroundColor = 'lightgreen'; 
    document.getElementById('content').appendChild(div); 
    var sc = slotCount; 
} 

Lösung 1: Verwendung JSTL (wird slotCount auf jede neue Anfrage aktualisieren)

<% request.setAttribute("mylist", mylist); %> 
<c:set var="slotCount" value="0"/> 
<c:forEach var="str" items="${mylist}"> 
    <c:if test="${str.length() < 3}"> 
    <c:set var="slotCount" value="${slotCount+1}"/> 
    <script>drawFreeSlot(${slotCount});</script> 
    </c:if> 
</c:forEach> 

: wird

<%! 
    int slotCount = 0; 
    List<String> mylist = Arrays.asList("A", "B", "C", "ABC", "DEF"); 
%> 
<% 
    for (String str: mylist) { 
    if(str.length() < 3) { %> 
     <script>drawFreeSlot(<%=++slotCount%>);</script> 
<% } 
    } %> 

Lösung 2 nicht aktualisiert slotCount

auf jede neue Anfrage Ersetzen Sie meine Stub-Liste und Condition-Anweisung mit Ihren und es sollte wo rk.