基于ajax后臺返回的數(shù)據(jù)為空前臺顯示出現(xiàn)undefined的解決方法
之前自己做的一個(gè)圖書管理系統(tǒng),顯示圖書借閱排行榜,因?yàn)榉g在數(shù)據(jù)庫中有為空的字段,故前臺顯示會顯示undefined。
以下貼上部門代碼:
$(document).ready(function () { $("#rankTable tbody").html(""); var id = 1; $.ajax({ url:"bookInfo/bookInfo_rank.action", type:"POST", data:{}, dataType:"json", success:function (data) { $(data).each(function(i,item) { var index = id++; var bookId = item.bookId; var bookName = item.bookName; var author = item.author; //判斷是否為空出現(xiàn)undefined; var translator = (item.translator==undefined ?"":item.translator); var ISBN = item.ISBN; var press = item.press; var page = item.page; var bookCase = item.bookCase; var totalNum = item.totalNum; var stock = item.stock; var borrowNum = item.borrowNum; var typeName = item.typeName; var str = '<tr> ' + '<td>' + index + '</td>' + '<td>' + bookId + '</td>' + '<td>' +bookName + '</td>' + '<td>' + author+ '</td>' +'<td>'+translator+ '</td>' +'<td>'+ISBN+ '</td>' +'<td>'+press+ '</td>' +'<td>'+page+ '</td>' +'<td>'+bookCase+ '</td>' +'<td>'+totalNum+ '</td>' +'<td>'+stock+ '</td>' +'<td>'+borrowNum+ '</td>' +'<td>'+typeName+ '</td></tr>'; $("#rankTable tbody").append(str); str = ""; }) }, error:function(XMLHttpRequest, textStatus, errorThrown){ alert("系統(tǒng)異常,請稍后重試!"); alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); } }) });
以上這篇基于ajax后臺返回的數(shù)據(jù)為空前臺顯示出現(xiàn)undefined的解決方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
利用iframe實(shí)現(xiàn)ajax跨域通信的實(shí)現(xiàn)原理(圖解)
一般情況下都是用在同一域下的ajax請求;但是如果請求是發(fā)生在不同的域下,請求就無法執(zhí)行,并且會拋出異常提示不允許跨域請求,接下來介紹利用iframe實(shí)現(xiàn)ajax跨域通信感興趣的朋友可以了解下,或許對你學(xué)習(xí)ajax跨域有所幫助2013-02-02簡單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了如何簡單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-04-04關(guān)于ajax網(wǎng)絡(luò)請求的封裝實(shí)例
下面小編就為大家?guī)硪黄P(guān)于ajax網(wǎng)絡(luò)請求的封裝實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07Ajax上傳圖片及上傳前先預(yù)覽功能實(shí)例代碼
在文件上傳的時(shí)候用到了Ajax上傳文件,以及圖片在上傳之前的預(yù)覽效果,下面通過本文給大家分享解決Ajax上傳圖片及上傳前先預(yù)覽功能,感興趣的朋友參考下吧2017-08-08Ajax二級聯(lián)動菜單實(shí)現(xiàn)原理及代碼
二級聯(lián)動菜單,一個(gè)多么方便且實(shí)用的用戶交互功能,有需求的朋友可以參考下本文,或許對你的菜單知識深入學(xué)習(xí)有幫助,好了,閑話不多說,看代碼吧2013-01-01通過抓取淘寶評論為例講解Python爬取ajax動態(tài)生成的數(shù)據(jù)(經(jīng)典)
在學(xué)習(xí)python的時(shí)候,一定會遇到網(wǎng)站內(nèi)容是通過 ajax動態(tài)請求、異步刷新生成的json數(shù)據(jù) 的情況,并且通過python使用之前爬取靜態(tài)網(wǎng)頁內(nèi)容的方式是不可以實(shí)現(xiàn)的,所以這篇文章將要講述如果在python中爬取ajax動態(tài)生成的數(shù)據(jù)。2015-10-10