javascript – jquery zeigt „Noch keine Daten“ basierend auf der Länge der zurückgegebenen Daten an und verbirgt sie

Question

Daten vom Hintergrund anfordern, um die Front-End-Tabelle darzustellen. Wenn die vom Hintergrund zurückgegebene Datenlänge 0 ist, wird in der Tabelle „Noch keine Daten“ angezeigt.
Ich habe es jetzt in HTML geschrieben

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

Da diese Zeile im Anfangszustand nicht angezeigt wird, wird die isNoData-Klasse als display: none geschrieben, aber wie kann man sie jetzt dynamisch steuern?
Auf der Seite gibt es ein Auswahlfeld. Wählen Sie einen der Artikel aus und klicken Sie auf die Schaltfläche „Suchen“. Die Daten werden erneut abgefragt

Vielleicht stimmt etwas mit meiner Fragestellung nicht. Klicken Sie jedes Mal, wenn Sie auf „Suchen“ klicken oder „Daten erneut anfordern“, unabhängig davon, wie Sie es ändern. Bitte fügen Sie am Anfang dieser Funktion $(".isNoData").hide(); hinzu, um dieses Problem zu lösen.
Besonderer Dank geht an die Studierenden, die die Fragen beantwortet haben! !
Wenn Sie auf Probleme stoßen, sollten Sie ruhig denken

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

})