• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    基于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获取数据然后显示在页面的实现方法
    上一篇:快速解决ajax传递为空但显示在页面上为undefined的问题
    下一篇:ajax请求后台得到json数据后动态生成树形下拉框的方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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