JSP 循环ajax 返回的集合
在JSP页面中使用AJAX来循环处理服务器返回的集合，你可以使用JavaScript来遍历这个集合并更新DOM。以下是一个简单的例子：
- 假设你有一个服务器端的Servlet，它返回一个JSON数组。
// Servlet代码片段
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
List<String> items = Arrays.asList("item1", "item2", "item3");
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");
response.getWriter().write(new ObjectMapper().writeValueAsString(items));
}- 在JSP页面中，你可以使用AJAX调用这个Servlet，并遍历返回的集合。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$.ajax({
url: 'yourServletURL',
type: 'GET',
dataType: 'json',
success: function(data) {
var listItems = '';
$.each(data, function(key, value) {
listItems += '<li>' + value + '</li>';
});
$('#itemsList').html(listItems);
}
});
});
</script>
</head>
<body>
<ul id="itemsList">
<!-- AJAX返回的集合项将被插入到这里 -->
</ul>
</body>在这个例子中，当页面加载完成后，jQuery的$(document).ready()函数会被调用，它发起一个AJAX GET请求到指定的Servlet。当请求成功返回时，success函数会被调用，并遍历返回的JSON数组。然后，使用$.each()函数来遍历这个数组，并构建一个HTML字符串，最后通过$('#itemsList').html(listItems)将这个字符串设置为<ul>元素的内容，从而在页面上显示这些项。
评论已关闭