qq_33997249 2018-03-07 09:50 采纳率: 14.3%
浏览 13187
已结题

thymeleaf 局部刷新,类似iframe嵌套效果。

实现左边为菜单树,右边局部载入子界面(.html)左边不需刷新,右边内容动态加载界面。(在springboot ,thymeleaf下运行)
1:jquery的load和iframe方式领导不给使用。
2:可有thymeleaf特有的方式??

  • 写回答

5条回答 默认 最新

  • qq_19305383 2018-03-07 11:15
    关注

    ···

    HTML代码


                   </div>
      </div>
    ···· 
    
    ····
       控制器返回
        @GetMapping("comments/{blogId}")
    public String comments(@PathVariable Long blogId , Model model){
        model.addAttribute("comments",commentService.listCommentById(blogId) );
        return "blog :: commentList";
    }
    
    ····
    ···
           这个
          $('#commentpost-btn').click(function () {
           var boo = $('.ui.form').form('validate form');
           if (boo) {
               console.log('校验成功');
               postData();
           } else {
               console.log('校验失败');
           }
    
       });
    
    
    
    
                 /*-------------发送请求--------------------------*/
       function postData() {
           $("#comment-container").load(/*[[@{/comments}]]*/"",{
               "parentComment.id" : $("[name='parentComment.id']").val(),
               "blog.id" : $("[name='blog.id']").val(),
               "nickname": $("[name='nickname']").val(),
               "email"   : $("[name='email']").val(),
               "content" : $("[name='content']").val()
           },function (responseTxt, statusTxt, xhr) {
    

    // $(window).scrollTo($('#comment-container'),500);
    clearContent();
    });
    }
    ···

    你可以试试 我用thymeleaf就是这个局部刷新的
    
    评论

报告相同问题?

悬赏问题

  • ¥20 matlab计算中误差
  • ¥15 对于相关问题的求解与代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料
  • ¥15 使用R语言marginaleffects包进行边际效应图绘制
  • ¥20 usb设备兼容性问题
  • ¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊