之前自己做的一個圖書管理系統，顯示圖書借閱排行榜，因為翻譯在數據庫中有為空的字段，故前臺顯示會顯示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;     //判斷是否為空出現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("系統異常，請稍后重試！");   alert(XMLHttpRequest.status);      alert(XMLHttpRequest.readyState);      alert(textStatus);   }   })}); 

以上這篇基于ajax后臺返回的數據為空前臺顯示出現undefined的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。