javascript - javascript - 从 ajax 调用加载 html 内容
问题描述
我的 HTML 页面有 Ajax 调用来加载表格内容
<html>
....
<script sec:haspermission="VIEW_NOTE" th:inline='javascript'>
require(['app/agent/viewGlobalAgent'], function (){
var individualId= [[${model.agent.individual.id}]];
var agentId= [[${model.agent.id}]];
$.get("/notes/referenceTable.html?individualId="+individualId+"&agentId="+agentId, function(data){
console.log("theData " , data);
var noteList = $("#note-list-container2").value;
var fileList = $("#file-list-container2").value;
// document.getElementById("note-list-container").innerHTML = noteList;
// document.getElementById("note-file-form").innerHTML = fileList;
$("#note-list-container").html(noteList);
$("#note-file-form").html(fileList);
});
</script>
....
</html>
Ajax 调用的 html 加载
<div>
<div id="note-list-container2">
....
</div>
<div id="file-list-container2">
....
</div>
</div>
我需要在 Ajax 调用的回调中访问这两个 div
$.get("/notes/referenceTable.html?individualId="+individualId+"&agentId="+agentId, function(data){
我试图访问它们,但它不工作
$("#note-list-container2").value
是在加载的 html 中访问 div 的任何方式
解决方案
由于您希望返回新 html 中的内容,因为data
您希望将该数据包装在该对象中$()
并在该对象中进行查询
然后使用text()
orhtml()
因为value仅用于表单控件,而不是内容元素
$.get(url, function(data) {
var $data = $(data);
var noteList = $data.find("#note-list-container2").text();// or html()
var fileList = $data.find("#file-list-container2").text();
$("#note-list-container").html(noteList);
$("#note-file-form").html(fileList);
});
推荐阅读
- swift - SwiftUI:UIAlertController ActionSheet 全屏
- linux - Error installing Docker `https://download.docker.com/linux/ubuntu focal Release 404 Not Found`
- c++ - 我如何在我的代码中使用 cin 的 argc 和 argv insted,命令行参数的新手,我想了解如何做到这一点
- r - 是否可以将自定义形状(来自 png)添加到 ggplot 图例?
- angular - 当用户输入角度时动态计数单词
- jquery - 带有 jQuery 的 Angular 8
- docker - 用于检查 Kubernetes 中的连接性的理想图像是什么?
- string - 在 XSLT 模板中添加 '(撇号) 作为有效字符
- spring-boot - 在 spring-boot 中使用 kotlin 挂起函数创建名称为“requestMappingHandlerMapping”的 bean 时出错
- python - 更改 matplotlib 中绘图和轴的颜色