javascript - jquery 根据返回数据的长度显示隐藏 “暂无数据”
PHP中文网
PHP中文网 2017-06-30 09:57:43
[JavaScript讨论组]

从后台请求数据渲染前端表格,若后台返回的数据长度为0,表格中就显示“暂无数据”。
我现在在html已经写了

<tr class="isNoData"><td colspan="8" style="height:24px;line-height:24px;font-size:12px;">暂无数据</td>

因为初始状态下,这一行是不显示的,所以isNoData 这个类中写得display:none,但现在怎么动态的控制?
页面上有一个select框,选择其中一项再点击搜索按钮,会再请求一次数据

可能是我问题表述有问题,这个select每次选中一个状态时点击搜索或重新请求一次数据,一旦“暂无数据”出现,不论怎么切换“暂无数据”始终存在,最后请这个函数开头加了 $(".isNoData").hide();解决了这个问题。
在这里特别感谢下回答问题的几位同学!!
遇到问题还是要冷静思考

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(3)
某草草
if (!result) {
    $('.isNoData').show()
} else {
    // 渲染数据
}
    
世界只因有你
res = json_encode(['count'=>0]);
$.get('/path/to/file', function(res) {
    if(res.count == 0){
        $('. isNoData').show();
    }
});
给我你的怀抱
$.ajax({//获取后台数据,默认异步
    cache:false,
    url:'url地址',
    type:'get',
    dataType:'json',
    beforeSend:function () {
        //注:同步ajax请求时,此处内容在IE浏览器不执行
        //展示过度动画
    },
    success:function (data) {
        if(data.length > 0){
            $('.isNoData').hide();//隐藏暂无数据的行
            //处理数据并展示
        }else{
            $('.isNoData').show();//显示暂无数据的行
        }
    }

})
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号