Ajax请求获取的List在前台遍历的方法

通过ajax请求获取的list无法直接用c:foreach标签直接遍历,需要单独做处理。
处理方法是重新载入js页面,将我们需要的div模块放到function里面拼接,将其放入最外层id=”earrwr”的模块下面即可。

for ( var i = 0; i < staffList.length; i++) {
        var name = staffList[i].sname;
        var src = staffList[i].sphoto;
        var sid = staffList[i].sid;
        var url = "Controller.do?jumpWXvote"
        str = str+ "<div class='tp_box'><div class='tp_tx'>
              <img src=src></div><p>
              姓 名:"+ name+"</p><a href="+url+" >点击投票 
              </a></div>";                                          
              document.getElementById("earrwr").innerHTML = str;//第一种加载js方法
              $("earrwr").append(str); //第二种加载js方法             

通过以上方法可以将list中的数据遍历显示在前台页面。

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,如果您想将AJAX请求获取到的数据放到<c:forEach>中进行展示,可以按照以下步骤操作: 1. 在JSP页面中创建一个空的表格,用于展示数据。例如: ``` <table> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> </thead> <tbody id="dataList"> </tbody> </table> ``` 2. 使用AJAX请求获取数据,并将其放入表格中。例如: ``` $.ajax({ url: "your_url", success: function(data) { var dataList = $("#dataList"); for (var i = 0; i < data.length; i++) { var row = $("<tr></tr>"); row.append($("<td>" + data[i].name + "</td>")); row.append($("<td>" + data[i].age + "</td>")); row.append($("<td>" + data[i].gender + "</td>")); dataList.append(row); } } }); ``` 3. 在上面的代码中,首先使用AJAX请求获取数据,并在成功回调函数中处理数据。将数据逐个添加到表格的<tbody>标签中,每个数据对应一个<tr>标签。 4. 如果您需要使用<c:forEach>标签来遍历数据,可以将上述代码进行修改。将数据存储在后端,并在JSP页面中使用<c:forEach>标签来循环遍历数据。例如: ``` <table> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> </thead> <tbody> <c:forEach items="${dataList}" var="data"> <tr> <td>${data.name}</td> <td>${data.age}</td> <td>${data.gender}</td> </tr> </c:forEach> </tbody> </table> ``` 5. 在上面的代码中,<c:forEach>标签用于循环遍历数据,items属性指定了要遍历的列表,var属性指定了当前遍历到的元素的别名。在循环体内部,您可以使用${data.name}这样的表达式来访问当前元素的属性。 希望能够帮到您,如果还有其他问题,请随时提出。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值