javascript - jquery menunjukkan dan menyembunyikan "Tiada data lagi" berdasarkan panjang data yang dikembalikan
PHP中文网
PHP中文网 2017-06-30 09:57:43
0
3
703

Minta data dari latar belakang untuk memaparkan jadual bahagian hadapan Jika panjang data yang dikembalikan oleh latar belakang ialah 0, "Tiada data lagi" akan dipaparkan dalam jadual.
Saya telah menulisnya dalam html sekarang

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

Oleh kerana dalam keadaan awal, baris ini tidak dipaparkan, jadi kelas isNoData ditulis sebagai paparan: tiada, tetapi bagaimana untuk mengawalnya secara dinamik sekarang?
Terdapat kotak pilihan pada halaman Pilih salah satu item dan klik butang carian, dan data akan diminta semula

Mungkin terdapat sesuatu yang tidak kena dengan pernyataan soalan saya Setiap kali pilihan ini memilih keadaan, klik cari atau minta semula data Setelah "Tiada data" muncul, "Tiada data" akan sentiasa wujud tidak kira bagaimana anda menukarnya. sila tambah pada permulaan fungsi ini $(".isNoData").hide();
Terima kasih kepada pelajar yang menjawab soalan! !
Apabila anda menghadapi masalah, anda harus berfikir dengan tenang

PHP中文网
PHP中文网

认证高级PHP讲师

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

})
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan