文章詳情頁
基于ajax后臺(tái)返回的數(shù)據(jù)為空前臺(tái)顯示出現(xiàn)undefined的解決方法
瀏覽:442日期:2022-06-11 14:44:21
之前自己做的一個(gè)圖書管理系統(tǒng),顯示圖書借閱排行榜,因?yàn)榉g在數(shù)據(jù)庫中有為空的字段,故前臺(tái)顯示會(huì)顯示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;
//判斷是否為空出現(xiàn)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("系統(tǒng)異常,請(qǐng)稍后重試!");
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
})
});
以上這篇基于ajax后臺(tái)返回的數(shù)據(jù)為空前臺(tái)顯示出現(xiàn)undefined的解決方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持。
標(biāo)簽:
Ajax
上一條:ajax請(qǐng)求后臺(tái)得到j(luò)son數(shù)據(jù)后動(dòng)態(tài)生成樹形下拉框的方法下一條:快速解決ajax傳遞為空但顯示在頁面上為undefined的問題
相關(guān)文章:
1. Spring MVC+ajax進(jìn)行信息驗(yàn)證的方法2. ASP.NET MVC前臺(tái)動(dòng)態(tài)添加文本框并在后臺(tái)使用FormCollection接收值3. 解決SpringMVC、tomcat、Intellij idea、ajax中文亂碼問題4. vue+element-ui JYAdmin后臺(tái)管理系統(tǒng)模板解析5. layui的checbox在Ajax局部刷新下的設(shè)置方法6. PHP與 xajax使用方法說明7. JSP Tag Library-AjaxTags 1.0, released8. ajax使用formdata上傳文件流9. Django celery實(shí)現(xiàn)異步任務(wù)操作,并在后臺(tái)運(yùn)行(守護(hù)進(jìn)程)10. 快速解決ajax返回值給外部函數(shù)的問題
排行榜

網(wǎng)公網(wǎng)安備