当前位置 博文首页 > 基于ajax后台返回的数据为空前台显示出现undefined的解决方法

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

    作者:超哥我在 时间:2021-08-27 17:43

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

    jsjbwy