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);
}
})
});
相關文章
- jquery使用ajax讀取後臺資料在表格中顯示jQuery
- spring boot 解決後臺返回 json 到前臺中文亂碼之後出現返回json資料包錯Spring BootJSON
- js前臺如何使用後臺返回的資料JS
- 帝國CMS後臺登陸驗證碼不顯示的解決方法
- Ajax請求後臺資料
- 解決前端列印後臺返回的pdf的base64字串資料前端字串
- Highcharts結合後臺實現圖餅資料顯示
- 去除後臺返回資料中的nullNull
- 那些年遇到的後臺返回的奇葩json資料JSON
- ajax呼叫,action返回的中文為亂碼的解決方案
- 前後分離實現中,後臺 Laravel 接收資料的跨域解決方案Laravel跨域
- 使用 express 模擬後臺介面返回資料Express
- 前端資料與後臺分離,使用mockjs模擬後臺返回json資料前端MockJSON
- SAP Cloud for Customer(C4C)前臺顯示的資料是如何從後臺讀取的Cloud
- 前臺怎樣獲取後臺ajax資料簡單介紹
- Android 優雅地處理後臺返回的騷資料Android
- dedecms 後臺假死問題解決方法
- TortoiseGit資料夾和檔案圖示不顯示解決方法Git
- undefined reference to錯誤的解決方法Undefined
- 【分類不顯示】後臺設定了分類,前臺怎麼不顯示?
- Opera:資料顯示iOS為最賺錢的移動廣告平臺 iPhone的eCPM為1.48美元iOSiPhone
- 設定SAP後臺顯示和修改
- jeefast框架 修改的下拉框三級聯動預設顯示後臺資料AST框架
- nginx+PHP-fpm 配置後頁面顯示空白的解決方法NginxPHP
- VUE 實現 Studio 管理後臺(六):滑鼠懸停顯示彈出視窗Vue
- 後臺-系統-模型管理,點選資料不顯示是BUG嗎?模型
- WebForm 頁面ajax 請求後臺頁面 方法WebORM
- element table不顯示任何資料,無資料倒是顯示出無資料的了
- jquery ajax從後臺讀取的資料無法賦值給變數jQuery賦值變數
- MacOS 不顯示 SD 卡的 bug 解決方法Mac
- ie9不顯示flash的解決方法IE9
- win10資料夾圖示不正常顯示怎麼辦_win10電腦資料夾圖示顯示異常的解決方法Win10
- windows10系統開機後顯示器不亮的解決方法Windows
- django實現將後臺資料excel檔案形式匯出DjangoExcel
- 外掛開發後臺顯示資料表,可以設定多表連結麼
- phpcms後臺生成首頁成功,前端首頁空白的解決方法PHP前端
- secureCRT顯示亂碼解決方法Securecrt
- 解決ajax傳送Formdata資料包含檔案和text資料,spring後臺無法通過MultipartFile拿到檔案ORMSpring