javascript - jquery 根据返回数据的长度显示隐藏 “暂无数据”

问题描述

从后台请求数据渲染前端表格，若后台返回的数据长度为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();解决了这个问题。在这里特别感谢下回答问题的几位同学！！遇到问题还是要冷静思考

问题解答

if (!result) { $(’.isNoData’).show()} else { // 渲染数据} 回答2：

res = json_encode([’count’=>0]);$.get(’/path/to/file’, function(res) { if(res.count == 0){$(’. isNoData’).show(); }});回答3：

$.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();//显示暂无数据的行} }})