W2ui Grid V2自定义错误消息不显示问题求助

W2ui Grid 默认仅在 HTTP 状态码非 200 时触发内置错误提示，若你后端返回的是 200 状态码但携带 error:true 字段，需要通过自定义事件处理逻辑来替换默认提示。以下是具体实现方式：

方法一：重写 onError 事件（适用于非200状态码场景） #

如果后端返回非200状态码同时携带自定义错误JSON，可通过onError阻止默认提示并显示自定义消息：

$('#grid').w2grid({
    name: 'grid',
    url: '你的数据接口地址',
    // 其他Grid配置项...
    onError: function (event) {
        // 阻止默认错误弹窗
        event.preventDefault();
        // 解析响应体中的自定义错误数据
        const errorData = JSON.parse(event.xhr.responseText);
        // 显示自定义错误消息
        if (errorData.error && errorData.message) {
            w2alert(errorData.message, '错误提示');
        } else {
            w2alert('请求出错，请查看控制台详情', '错误提示');
        }
    }
});

方法二：在 onSuccess 中判断错误（适用于200状态码场景） #

如果后端返回200状态码但包含error:true标记，需要在onSuccess中拦截并处理：

$('#grid').w2grid({
    name: 'grid',
    url: '你的数据接口地址',
    // 其他Grid配置项...
    onSuccess: function (event) {
        // 检查返回数据中的错误标记
        if (event.data.error && event.data.message) {
            // 显示自定义错误消息
            w2alert(event.data.message, '错误提示');
            // 阻止Grid继续加载数据
            event.preventDefault();
        }
    }
});

注意：确保后端返回的响应头Content-Type为application/json，否则JSON解析可能失败。

内容的提问来源于stack exchange，提问作者Adalılar Web Yazılım