基于ajax后台返回的数据为空前台显示出现undefined的解决方法
(编辑:jimmy 日期: 2024/11/17 浏览:3 次 )
之前自己做的一个图书管理系统,显示图书借阅排行榜,因为翻译在数据库中有为空的字段,故前台显示会显示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的问题