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

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就是这个局部刷新的
    
    评论

报告相同问题?

悬赏问题

  • ¥15 关于#hadoop#的问题
  • ¥15 (标签-Python|关键词-socket)
  • ¥15 keil里为什么main.c定义的函数在it.c调用不了
  • ¥50 切换TabTip键盘的输入法
  • ¥15 可否在不同线程中调用封装数据库操作的类
  • ¥15 微带串馈天线阵列每个阵元宽度计算
  • ¥15 keil的map文件中Image component sizes各项意思
  • ¥20 求个正点原子stm32f407开发版的贪吃蛇游戏
  • ¥15 划分vlan后,链路不通了?
  • ¥20 求各位懂行的人,注册表能不能看到usb使用得具体信息,干了什么,传输了什么数据