菜单

冲ajax后大返回的数量也空前台显示出现undefined的缓解智

2018年11月15日 - 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);
   } 
  })
}); 
      $.post("{:url('changeStatus')}",{"id":$(this).attr("id")},function (res) {
               console.log(res);
           });

上述就首基于ajax后令返回的数码吧空前台显示出现undefined的化解措施就是是不怎么编分享给大家之全部内容了,希望能够于大家一个参阅,也意在大家多多支持脚本的小。

  

乃或许感兴趣之章:

    /*
     * 通过ajax修改状态
     */
    public function changeStatus(){
        $id = input("id");
        dump($id);
        return "ok";
    }

  上面代码的意是,我通过ajax访问changeStatus这个措施,并传递当前之id到控制器,但是当自己console.log(res)时,发现前端并无会见打印本人所返的“ok”字符串,后来经过调试,发现原先是dump惹的祸。

然代码如下:

  

    /*
     * 通过ajax修改状态
     */
    public function changeStatus(){
        $id = input("id");
        return "ok";
    }

  注意:在后台返回数据时,前面不要有出口,不然会出错。

相关文章

标签:,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图