You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

技术求助:能否通过jQuery直接替换Thymeleaf片段?

解决方法

你直接把Thymeleaf的片段选择器字符串传给replaceWith(),jQuery会把它当作纯文本插入——因为Thymeleaf的::语法是服务器端解析的,前端无法识别。要实现前端加载片段并替换,得用AJAX先获取整个片段文件,再提取目标元素:

// 用AJAX请求片段文件
$.get("user_panel/fragments/languages_list_fragment.html", function(html) {
  // 从返回的HTML中提取目标元素
  const fragment = $(html).find("#languages_list_element");
  // 替换目标元素
  $("#dataTable").replaceWith(fragment);
});

注意事项

  • 确保静态资源服务器能正确返回languages_list_fragment.html文件,路径要准确
  • 如果片段文件里只有目标元素,也可以直接用$(html)来替换,不用find()
  • 这种方式完全不需要后端参与,仅通过前端静态资源加载和DOM操作实现

内容的提问来源于stack exchange,提问作者OrkhanGG

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.09 14:35:11