3

現在、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>
4

1 に答える 1