javascript - jquery affiche et masque "Aucune donnée pour le moment" en fonction de la longueur des données renvoyées

Question

Demandez des données à l'arrière-plan pour restituer le tableau frontal. Si la longueur des données renvoyées par l'arrière-plan est 0, "Aucune donnée pour le moment" sera affiché dans le tableau.
Je l'ai écrit en HTML maintenant

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

Car dans l'état initial, cette ligne n'est pas affichée, donc la classe isNoData est écrite comme display: none, mais comment la contrôler dynamiquement maintenant ?
Il y a une boîte de sélection sur la page. Sélectionnez l'un des éléments et cliquez sur le bouton de recherche, et les données seront à nouveau demandées

Il y a peut-être quelque chose qui ne va pas avec ma question. Chaque fois que cette sélection sélectionne un état, cliquez sur Rechercher ou demander à nouveau des données. Une fois que "Aucune donnée" apparaît, "Aucune donnée" existera toujours, quelle que soit la façon dont vous le changez. veuillez ajouter au début de cette fonction $(".isNoData").hide(); a résolu ce problème.
Un merci spécial aux étudiants qui ont répondu aux questions ! !
Lorsque vous rencontrez des problèmes, vous devez réfléchir calmement

Answer 1

if (!result) {
    $('.isNoData').show()
} else {
    // 渲染数据
}
    

Answer 2

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

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

})