欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于ajax后臺返回的數(shù)據(jù)為空前臺顯示出現(xiàn)undefined的解決方法

 更新時(shí)間:2018年08月11日 11:00:05   作者:超哥我在  
今天小編就為大家分享一篇基于ajax后臺返回的數(shù)據(jù)為空前臺顯示出現(xiàn)undefined的解決方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧

之前自己做的一個(gè)圖書管理系統(tǒng),顯示圖書借閱排行榜,因?yàn)榉g在數(shù)據(jù)庫中有為空的字段,故前臺顯示會顯示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)異常,請稍后重試!");
   alert(XMLHttpRequest.status);
      alert(XMLHttpRequest.readyState);
      alert(textStatus);
   } 
  })
}); 

以上這篇基于ajax后臺返回的數(shù)據(jù)為空前臺顯示出現(xiàn)undefined的解決方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • ajax jquery 異步表單驗(yàn)證示例代碼

    ajax jquery 異步表單驗(yàn)證示例代碼

    異步表單驗(yàn)證想必大家早已如雷貫耳,本文為大家詳細(xì)講述下ajax jquery實(shí)現(xiàn)異步表單驗(yàn)證,感興趣的朋友可以參考下
    2013-08-08
  • Ajax 用戶名驗(yàn)證是否存在

    Ajax 用戶名驗(yàn)證是否存在

    做一個(gè)表單驗(yàn)證里面最簡單的例子,檢查用戶名是否存在,使用Ajax完成表單驗(yàn)證的正常步驟應(yīng)該是
    2008-12-12
  • 利用iframe實(shí)現(xiàn)ajax跨域通信的實(shí)現(xiàn)原理(圖解)

    利用iframe實(shí)現(xiàn)ajax跨域通信的實(shí)現(xiàn)原理(圖解)

    一般情況下都是用在同一域下的ajax請求;但是如果請求是發(fā)生在不同的域下,請求就無法執(zhí)行,并且會拋出異常提示不允許跨域請求,接下來介紹利用iframe實(shí)現(xiàn)ajax跨域通信感興趣的朋友可以了解下,或許對你學(xué)習(xí)ajax跨域有所幫助
    2013-02-02
  • 簡單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)

    簡單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)

    這篇文章主要為大家詳細(xì)介紹了如何簡單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-04-04
  • 關(guān)于ajax網(wǎng)絡(luò)請求的封裝實(shí)例

    關(guān)于ajax網(wǎng)絡(luò)請求的封裝實(shí)例

    下面小編就為大家?guī)硪黄P(guān)于ajax網(wǎng)絡(luò)請求的封裝實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-07-07
  • Ajax上傳圖片及上傳前先預(yù)覽功能實(shí)例代碼

    Ajax上傳圖片及上傳前先預(yù)覽功能實(shí)例代碼

    在文件上傳的時(shí)候用到了Ajax上傳文件,以及圖片在上傳之前的預(yù)覽效果,下面通過本文給大家分享解決Ajax上傳圖片及上傳前先預(yù)覽功能,感興趣的朋友參考下吧
    2017-08-08
  • Fly攔截全局Ajax請求的方法

    Fly攔截全局Ajax請求的方法

    這篇文章主要介紹了Fly攔截全局Ajax請求的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-09-09
  • Ajax二級聯(lián)動菜單實(shí)現(xiàn)原理及代碼

    Ajax二級聯(lián)動菜單實(shí)現(xiàn)原理及代碼

    二級聯(lián)動菜單,一個(gè)多么方便且實(shí)用的用戶交互功能,有需求的朋友可以參考下本文,或許對你的菜單知識深入學(xué)習(xí)有幫助,好了,閑話不多說,看代碼吧
    2013-01-01
  • ajax 調(diào)用后臺方法大家可以討論下

    ajax 調(diào)用后臺方法大家可以討論下

    我曾使用過的三種調(diào)用后臺的代碼,需要的朋友可以參考下,如果發(fā)現(xiàn)更好的可以留言。
    2009-10-10
  • 通過抓取淘寶評論為例講解Python爬取ajax動態(tài)生成的數(shù)據(jù)(經(jīng)典)

    通過抓取淘寶評論為例講解Python爬取ajax動態(tài)生成的數(shù)據(jù)(經(jīng)典)

    在學(xué)習(xí)python的時(shí)候,一定會遇到網(wǎng)站內(nèi)容是通過 ajax動態(tài)請求、異步刷新生成的json數(shù)據(jù) 的情況,并且通過python使用之前爬取靜態(tài)網(wǎng)頁內(nèi)容的方式是不可以實(shí)現(xiàn)的,所以這篇文章將要講述如果在python中爬取ajax動態(tài)生成的數(shù)據(jù)。
    2015-10-10

最新評論