基于ajax后台返回的数据为空前台显示出现undefined的解决方法

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

您可能感兴趣的文章:

• 快速解决ajax传递为空但显示在页面上为undefined的问题
• ajax获取json数据为undefined原因分析
• Ajax获取数据然后显示在页面的实现方法