動態創建table表格頁面出現undefined原因以及修改


源代碼:

var html;

if(lists) {
html += '<a href="https://www.4001149114.com/NLJJ/member/sharecellardetail?wxopenid=${wxopenid}&jid=' + lists.jid + '"><div class="repetition"><table class="table-fix myTable">' +
'<tr><td class="firstTd" rowspan="3"><img src="${context}/resources/image/winecellar/thumb/' + lists.imgurl + '" alt="" /></td><td class="twoTd txt-ell clearfix"><span class="text1">' + lists.name + '</span></td><td class="threeTd clearfix txt-ell"><span class="xuhao">' + lists.distance + 'km</span></td></tr>' +
'<tr><td colspan="2" class="txt-ell clearfix"><span class="text2">' + lists.type + '</span></td></tr>' +
'<tr><td colspan="2" class="txt-ell clearfix"><span class="text3">' + lists.address + '</span></td></tr></table></div></a>';
}

演示結果:

 

原因:變量html沒有初始化就會出現undefined。undefined和字符串連接會保留undefined這個字符串。

修改:var html='';       //給變量進行初始化頁面沒有undefined了。

補充:經查閱資料,頁面出現undefined的原因還有:

1.ajax動態請求數據有部分空數據也會顯示undefined,意思是在數據庫中一條數據有空字段,會在頁面中顯示undefined。

解決辦法:可以用三元運算符來進行判斷,若為空則顯示空格,否則顯示自己。

lists.type==undefined?'':lists.type;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM