您当前的位置:首页 > 网站建设 > ajax
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

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

51自学网 2022-02-21 10:51:18
  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 = '<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的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持51zixue.net。


下载地址:
快速解决ajax传递为空但显示在页面上为undefined的问题
ajax请求后台得到json数据后动态生成树形下拉框的方法
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。