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

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

分类:js_jQuery答疑 - 常见问题 · 发布时间:2021-11-16 17:01 · 阅读:6518

今天小编就为大家分享一篇基于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 = ' ' + '' + 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的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持html中文网。

标签:
ajax undefined

相关文章

AJAX乱码与异步同步以及封装jQuery库实现步骤详解

这篇文章主要介绍了异步通信技术AJAX乱码问题、异步与同步、手动封装一个jQuery库,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧

AJAX的跨域问题解决方案

跨域简单的说,就是从一个域名的网页去访问另一个域名网页的资源,下面这篇文章主要给大家介绍了关于AJAX的跨域问题解决的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

利用Ajax实现智能回答的机器人示例代码

这篇文章主要介绍了利用Ajax实现智能回答的机器人,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

ajax、axios和fetch之间优缺点重点对比总结

今天被问到用没用过ajax axios,我回答经常用axios,但ajax用的比较少,下面这篇文章主要给大家介绍了关于ajax、axios和fetch之间优缺点重点对比总结的相关资料,需要的朋友可以参考下

如何通过axios发起Ajax请求(最新推荐)

Axios是专注于网络数据请求的库,相比于原生的XMLHttpRequest对象,axios简单易用。相比于Jquery,axios更加轻量化,只专注于网络数据请求,这篇文章主要介绍了如何通过axios发起Ajax请求,需要的朋友可以参考下

返回分类 返回首页