現在、JSP のサーブレットから Map オブジェクトの ArrayList を受け取るプロジェクトに取り組んでいます。それが機能する方法は、ページがプルアップされたときに、必要なマップのリストを含む応答を返すサーブレットへの jquery を介した AJAX 呼び出しです。私が抱えている問題は、ページが読み込まれた後、Map オブジェクトの値に基づいてテーブルを作成しようとしていることです。私が持っているコードは(ある程度)機能しているようです。firebug を使用して XHR 応答を表示すると、適切なタグがページ全体にあることがわかります (つまり、tr および td タグ)。ブラウザで「ソースの表示」を使用してページを表示しようとすると、forEach ループ内で作成される HTML はありません。手動で作成した HTML だけです。
<table>
<tr>
<th>Home</th>
<th>Away</th>
</tr>
<c:forEach var="currentTeam" items="${GamesList}">
<tr id="game">
<c:forEach var="currentGame" items="${currentTeam}">
<c:if test="${currentGame.key eq 'Home' }">
<td>${currentGame.value}</td>
</c:if>
<c:if test="${currentGame.key eq 'Visitor' }">
<td>${currentGame.value }</td>
</c:if>
</c:forEach>
</tr>
</c:forEach>
</table>
私が使用している現在のコードです。それ自体が div タグで囲まれています。役立つかどうかはわかりませんが、この div は、ユーザーがボタンをクリックして Jquery ポップアップ ウィンドウを開いたときにのみ表示されます。どんな助けでも大歓迎です。
Firebug で表示される XHR レスポンスは次のようになります
<tr><td>New York Giants</td><td>Dallas Cowboys</td></tr>
<tr><td>Chicago Bears</td><td>Indianapolis Colts</td></tr>
<tr><td>Minneosta Vikings</td><td>Jacksonville Jaguars</td></tr>
<tr><td>New York Jets</td><td>Buffalo Bills</td></tr>
<tr><td>Houston Texans</td><td>Miami Dolphins</td></tr>
<tr><td>Tennessee Titans</td><td>New England Patriots</td></tr>
<tr><td>Detroit Lions</td><td>St. Louis Rams</td></tr>
<tr><td>New Orleans Saints</td><td>Washington Redskins</td></tr>
<tr><td>Cleveland Browns</td><td>Philadelphia Eagles</td></tr>
<tr><td>Kansas City Chiefs</td><td>Atlanta Falcons</td></tr>
<tr><td>Green Bay Packers</td><td>San Francisco 49ers</td></tr>
<tr><td>Arizona Cardinals</td><td>Seattle Seahawks</td></tr>
<tr><td>Tampa Bay Buccaneers</td><td>Carolina Panthers</td></tr>
簡潔にするためにカットします。ソースの表示は次のようになります。
<table>
<tr>
<th>Home</th>
<th>Away</th>
</tr>