如何通过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>

如何通过ajax将servlet中list的值分配给jsp中的allProduct

Answer 1

想想什么时候运行哪段代码。

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

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