uccess : function(resp) { var sdata = resp; //var totalList = resp.totalList; //var totalFlag = resp.totalFlag; console.log(resp); if (typeof sdata !== 'undefined' && sdata !== null && sdata.length > 0) { // 访问 data 对象的 length 属性 fnCallback(sdata); }else{} //fnCallback(sdata); },为空时datetables表格展示暂无数据
时间: 2024-03-20 21:44:52 浏览: 66
当 `sdata` 对象为空时,您可以通过以下代码来展示一个空的数据表格和一条 "暂无数据" 的提示信息:
```javascript
success: function(resp) {
var sdata = resp;
console.log(resp);
if (typeof sdata !== 'undefined' && sdata !== null && sdata.length > 0) {
// 创建数据表格并展示数据
var table = document.createElement("table");
// 创建表头
var header = table.createTHead();
var row = header.insertRow(0);
for (var key in sdata[0]) {
if (sdata[0].hasOwnProperty(key)) {
var cell = row.insertCell(-1);
cell.innerHTML = key;
}
}
// 创建表格主体
var tbody = table.createTBody();
for (var i = 0; i < sdata.length; i++) {
var row = tbody.insertRow(-1);
for (var key in sdata[i]) {
if (sdata[i].hasOwnProperty(key)) {
var cell = row.insertCell(-1);
cell.innerHTML = sdata[i][key];
}
}
}
// 将表格添加到页面中
document.getElementById("myTableDiv").appendChild(table);
} else {
// 创建一个空的数据表格
var table = document.createElement("table");
// 将表格添加到页面中
document.getElementById("myTableDiv").appendChild(table);
// 在页面上展示 "暂无数据"
var tr = document.createElement("tr");
var td = document.createElement("td");
td.innerHTML = "暂无数据";
tr.appendChild(td);
table.appendChild(tr);
}
},
```
这里假设您有一个 `id` 为 `myTableDiv` 的 `div` 元素,您可以在其中展示数据表格。当 `sdata` 对象为空时,将创建一个空的数据表格,并在其中添加一行 `<tr>` 元素和一个 `<td>` 元素,用于展示 "暂无数据" 的提示信息。当 `sdata` 对象非空时,将根据数据动态创建数据表格并展示数据。您可以根据实际情况对这个代码进行修改和调整。
阅读全文
相关推荐










