之前自己做的一个图书管理系统，显示图书借阅排行榜，因为翻译在数据库中有为空的字段，故前台显示会显示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的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。