問題描述

從后臺(tái)請(qǐng)求數(shù)據(jù)渲染前端表格，若后臺(tái)返回的數(shù)據(jù)長(zhǎng)度為0，表格中就顯示“暫無(wú)數(shù)據(jù)”。我現(xiàn)在在html已經(jīng)寫了

<tr class='isNoData'><td colspan='8' style='height:24px;line-height:24px;font-size:12px;'>暫無(wú)數(shù)據(jù)</td>

因?yàn)槌跏紶顟B(tài)下，這一行是不顯示的，所以isNoData 這個(gè)類中寫得display：none,但現(xiàn)在怎么動(dòng)態(tài)的控制？頁(yè)面上有一個(gè)select框，選擇其中一項(xiàng)再點(diǎn)擊搜索按鈕，會(huì)再請(qǐng)求一次數(shù)據(jù)

可能是我問題表述有問題，這個(gè)select每次選中一個(gè)狀態(tài)時(shí)點(diǎn)擊搜索或重新請(qǐng)求一次數(shù)據(jù)，一旦“暫無(wú)數(shù)據(jù)”出現(xiàn)，不論怎么切換“暫無(wú)數(shù)據(jù)”始終存在，最后請(qǐng)這個(gè)函數(shù)開頭加了 $('.isNoData').hide();解決了這個(gè)問題。在這里特別感謝下回答問題的幾位同學(xué)！！遇到問題還是要冷靜思考

問題解答

if (!result) { $(’.isNoData’).show()} else { // 渲染數(shù)據(jù)} 回答2：

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

$.ajax({//獲取后臺(tái)數(shù)據(jù)，默認(rèn)異步 cache:false, url:’url地址’, type:’get’, dataType:’json’, beforeSend:function () {//注：同步ajax請(qǐng)求時(shí)，此處內(nèi)容在IE瀏覽器不執(zhí)行//展示過度動(dòng)畫 }, success:function (data) {if(data.length > 0){ $(’.isNoData’).hide();//隱藏暫無(wú)數(shù)據(jù)的行 //處理數(shù)據(jù)并展示}else{ $(’.isNoData’).show();//顯示暫無(wú)數(shù)據(jù)的行} }})