[springboot+thymeleaf ] 前台js读取后台传值

本文介绍了一个简单的前后端交互示例,后端通过ModelAndView返回分页数据和WebSocket URL配置,前端利用Thymeleaf标签读取这些配置并进行展示。

后台代码:通过ModelAndView类型返回

@RequestMapping(value = "/list", method = RequestMethod.GET)
    public ModelAndView list(@RequestParam(value = "pageNum", defaultValue = "1") int pageNum,
                             @RequestParam(value = "pageSize", defaultValue = "10") int pageSize) {
        Page<User> page = PageHelper.startPage(pageNum, pageSize);
        List<User> userList = userService.findAll();
        page.addAll(userList);
        ModelAndView model = new ModelAndView("demo_user","page",page);
        model.addObject("websocketUrl", "ws://localhost:8080/websocket");
        return model;
    }

前台Html:通过隐藏input元素传值

<input id="websocketUrl" type="hidden" th:value="${websocketUrl}" />

前台JS:

$("#websocketUrl").val();
注意:前台需要${websocketUrl}形式读取后台传值时,注意使用thymeleaf的类型标签“th:xx”,使用html默认标签很多都不能读取${websocketUrl}。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值