Rumah  >  Soal Jawab  >  teks badan

javascript - jquery menunjukkan dan menyembunyikan "Tiada data lagi" berdasarkan panjang data yang dikembalikan

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中文网2667 hari yang lalu657

membalas semua(3)saya akan balas

  • 某草草

    某草草2017-06-30 09:59:43

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

    balas
    0
  • 世界只因有你

    世界只因有你2017-06-30 09:59:43

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

    balas
    0
  • 给我你的怀抱

    给我你的怀抱2017-06-30 09:59:43

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

    balas
    0
  • Batalbalas