您现在的位置是:网站首页> 编程资料编程资料

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

2023-05-25 331人已围观

简介 基于ajax后台返回的数据为空前台显示出现undefined的解决方法_AJAX相关_

之前自己做的一个图书管理系统,显示图书借阅排行榜,因为翻译在数据库中有为空的字段,故前台显示会显示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 = ' ' + '' + index + '' + '' + bookId + '' + '' +bookName + '' + '' + author+ '' +''+translator+ '' +''+ISBN+ '' +''+press+ '' +''+page+ '' +''+bookCase+ '' +''+totalNum+ '' +''+stock+ '' +''+borrowNum+ '' +''+typeName+ ''; $("#rankTable tbody").append(str); str = ""; }) }, error:function(XMLHttpRequest, textStatus, errorThrown){ alert("系统异常,请稍后重试!"); alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); } }) }); 

以上这篇基于ajax后台返回的数据为空前台显示出现undefined的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

-六神源码网