如何通过 Ajax 从 Servlet 获取列表到 JSP

Question

我在 servlet 中有一段代码

    response.setContentType("application/json");
    new Gson().toJson(list, response.getWriter());

我在 ajax 中有一个代码

$.ajax({
        url: '${pageContext.request.contextPath}/Sort',
        type: 'POST',
        dataType: "json",
        data: {
            value : value,
            name : name,
            lowestPrice : lowestPrice,
            highPrice: highPrice
        },
        success: function (response) {
            
        },
        error: function () {
        }
    });

我在 jsp 中有一个代码

<c:forEach var="x" items="${allProduct}">
                <div class="hover-all-product">
                    <a class="all-product-item" href="${pageContext.request.contextPath}/Product?id=${x.maLapTop}">
                        <div class="status-sale">-11%</div>
                        <div class="img-all-product-item"
                             style="background-image: url('${root}${x.linkHinh1}')">
                        </div>
                        <div class="status">HẾT HÀNG</div>
                        <div class="infor-all-product-item">
                                ${x.tenLaptop}
                        </div>
                        <div class="price-all-product-item">
                                ${x.giaBan}
                        </div>
                        <div class="sale-all-product-item">
                            <span class="origin-price">33.999.000đ</span> <span>11%</span>
                        </div>
                    </a>
                </div>
            </c:forEach>

如何将servlet中列表的值分配给jsp到ajax中的allProduct

Answer 1

想想哪段代码何时运行。

1. 浏览器请求 JSP。 JSP 将创建浏览器将尝试呈现的 HTML 页面，并且在该 HTML 页面内，浏览器将执行 Z686155AF75A60EDD3.EZD08C
2. 在浏览器中运行的 JavaScript 将触发 AJAX 请求，该请求返回服务器获取数据。
3. 获取数据的 AJAX 请求将触发服务器端的 servlet 查找并传递请求的数据
4. 就是浏览器中的JavaScript，在AJAX完成后，需要将得到的结果合并到浏览器中的（动态）HTML中。

因此，请仔细查看您的 JavaScript 代码以解决问题。