3

目前正在从事一个项目，我从 JSP 中的 Servlet 接收 Map 对象的 ArrayList。它的工作方式是当页面被拉起时，有一个通过 jquery 对 Servlet 的 AJAX 调用，该 Servlet 将使用必要的地图列表发送回响应。我遇到的问题是在页面加载后我试图根据 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 标签中。不确定它是否有帮助，但只有当用户单击按钮打开 Jquery 弹出窗口时才会显示此 div。任何帮助，将不胜感激。

在 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

0

在 Servlet 中打印列表并将结果设置为 div 内容，如下所示

$("button").click(function(){
    $.ajax({url: "\ServletCall", success: function(result){
        $("#div1").html(result);
    }});
});

<table>
            <tr>
                <th>Home</th>
                <th>Away</th>
            </tr>
<div id="div1"></div>
</table>
于 2015-02-10T06:36:31.467 回答