javascript - jquery affiche et masque "Aucune donnée pour le moment" en fonction de la longueur des données renvoyées
PHP中文网
PHP中文网 2017-06-30 09:57:43
0
3
700

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

PHP中文网
PHP中文网

认证高级PHP讲师

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

})
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal