js接收model.addAttribute返回的list数据

java后台:
  List<TrafficPolice> policeList = trafficPoliceService.queryPoliceByMap(map);
        model.addAttribute("policeList", JSON.toJSONString(policeList));
        return displayModelAndView("xzpbList");
页面:
<script type="text/javascript">
    $(document).ready(function(){
        var policeList = '${policeList}';
        if(policeList != ''){
            policeList = JSON.parse(policeList);
            for(var p  in policeList){
                console.log("************"+policeList[p].policeName);
            }

        }

 

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我来帮你完成这个功能。 首先,我们需要创建一个用于操作 TbUser 表的 DAO 接口,可以定义如下: ```java public interface TbUserDao { void save(TbUser user); void delete(Long id); TbUser findById(Long id); List<TbUser> findAll(); Page<TbUser> findByPage(int pageNum, int pageSize); } ``` 然后,我们需要创建一个 TbUser 实体类,可以定义如下: ```java @Entity @Table(name = "tb_user") public class TbUser { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String username; private String password; private String email; // 省略 getter 和 setter } ``` 接下来,我们需要创建一个 TbUserService,用于操作 TbUser 表,可以定义如下: ```java @Service public class TbUserService { @Autowired private TbUserDao tbUserDao; public void save(TbUser user) { tbUserDao.save(user); } public void delete(Long id) { TbUser user = tbUserDao.findById(id); if (user != null) { tbUserDao.delete(id); } } public TbUser findById(Long id) { return tbUserDao.findById(id); } public List<TbUser> findAll() { return tbUserDao.findAll(); } public Page<TbUser> findUsers(int pageNum) { int pageSize = 10; // 每页显示10条数据 return tbUserDao.findByPage(pageNum, pageSize); } } ``` 最后,我们需要创建一个 UserController,用于接收前端请求,并调用 TbUserService 完成相应的操作,可以定义如下: ```java @Controller @RequestMapping("/user") public class UserController { @Autowired private TbUserService tbUserService; @GetMapping("/list") public String listUsers(@RequestParam(defaultValue = "1") int pageNum, Model model) { Page<TbUser> page = tbUserService.findUsers(pageNum); List<TbUser> userList = page.getContent(); model.addAttribute("userList", userList); model.addAttribute("currentPage", pageNum); model.addAttribute("totalPages", page.getTotalPages()); return "management/user-list"; } @GetMapping("/delete/{id}") public String deleteUser(@PathVariable("id") Long id) { tbUserService.delete(id); return "redirect:/user/list"; } } ``` 最后,我们需要在前端页面添加一个 JavaScript,用于在删除用户时进行提示,可以定义如下: ```javascript function deleteUser(id) { if (confirm("确定要删除该用户吗?")) { window.location.href = "/user/delete/" + id; } } ``` 在前端页面中调用这个函数即可,例如: ```html <table class="table"> <thead> <tr> <th>ID</th> <th>用户名</th> <th>邮箱</th> <th>操作</th> </tr> </thead> <tbody> <tr th:each="user : ${userList}"> <td th:text="${user.id}"></td> <td th:text="${user.username}"></td> <td th:text="${user.email}"></td> <td> <a th:href="@{/user/delete/{id}(id=${user.id})}" onclick="deleteUser(${user.id})">删除</a> </td> </tr> </tbody> </table> ``` 希望这个答案能够帮到你!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值