layui表格怎么处理后端返回500错误时的提示-Layui教程-PHP中文网

parseData拿不到500响应体，因仅在xhr.status===200且响应可JSON解析时执行；需在done回调中通过xhr.responseText获取非200错误详情。

layui表格怎么处理后端返回500错误时的提示

parseData 里拿不到 500 响应体？因为根本没进这个函数

后端返回 HTTP 状态码 500（或 401、403、502 等非 200）时，parseData 默认不会执行——Layui 只在 xhr.status === 200 且响应体可 JSON.parse 的前提下才调用它。你看到的“接口异常”提示，其实是 Layui 在底层 ajax 失败后兜底打出的，原始响应体早就被吞了。

真正能拿到 xhr.responseText 的地方只有两个：parseData（仅限 200 + 合法 JSON）、done 回调的第四个参数（始终是 xhr 对象，无论状态码）。

别在 parseData 里写 console.log(res) 就完事，500 时它压根不运行
别依赖浏览器控制台的“Failed to load resource”，那只是网络层提示，看不到后端吐的具体错误文本
如果你后端 500 时返回的是 HTML 错误页（比如 Spring Boot 默认白页）或纯文本（如 "DB connection timeout"），必须靠 done 拿 xhr.responseText

done 回调中手动读取 500 响应内容

done 是唯一能稳定捕获所有请求终点的地方：无论成功、失败、超时、跨域拦截，只要请求发出去了，它都会被调用，且第四个参数一定是原生 xhr 对象。

实操写法：

done: function(res, curr, count, xhr) {
  if (xhr && xhr.status !== 200) {
    const errorMsg = xhr.responseText?.trim() || `HTTP ${xhr.status}`;
    layer.msg(`请求失败：${errorMsg}`, { icon: 2 });
    console.error('后端原始错误响应:', xhr.responseText, '状态码:', xhr.status);
  }
}

必须判空 xhr，某些极端情况（如跨域被拦、DNS 失败）可能传 undefined
xhr.responseText 是字符串，不是对象；如果后端返回 JSON 格式的错误（如 {"error":"token expired"}），需手动 JSON.parse() 提取字段
别只看 xhr.status === 0，那是请求未发出的标志，和 500 无关

想让 layui 自动弹出 500 提示？得骗过它的 success 判断

Layui 表格只认 code === 0 为成功，其他值都走错误流程并用 msg 弹窗。但 500 响应根本进不了 parseData，所以没法“自动弹”。要实现类似效果，只能在 done 里手动触发提示，并清空表格数据防止残留。

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

常见做法：

done: function(res, curr, count, xhr) {
  if (xhr && xhr.status >= 400) {
    // 清掉可能残留的旧数据
    table.clearCache('your-table-id');
    // 手动弹错
    layer.msg(`服务异常（${xhr.status}）：${xhr.responseText?.substring(0, 100) || '未知错误'}`, { icon: 2 });
    // 可选：插入自定义错误提示 DOM
    $('#your-table-container').html('<div class="layui-text-center" style="padding:20px;color:#e26969;">❌ 服务暂时不可用，请稍后重试</div>');
  }
}

table.clearCache('id') 中的 id 必须和 render 时的 id 一致，否则缓存清不干净
直接操作容器 DOM 替换内容，比反复调用 table.reload() 更可控，避免无限重试循环
如果表格启用了 height，替换 DOM 后记得重设容器高度，否则内容可能被裁剪

后端返回 JSON 错误但状态码仍是 200，怎么办

有些后端习惯用 200 状态码 + 错误字段（如 {"code":500,"msg":"数据库忙"}）表示业务异常。这时 parseData 会执行，但你要主动识别并 throw 出去，否则 Layui 会当成成功渲染空表。

关键写法：

parseData: function(res) {
  if (res.code !== 0) {
    // 主动抛出，触发 layui 内置错误提示
    throw new Error(res.msg || `服务异常（${res.code}）`);
  }
  return {
    code: 0,
    msg: '',
    count: res.count || res.data?.length || 0,
    data: res.data || []
  };
}