使用layui過程中的問題,將反悔的res alert彈出來

<script>
layui.use('upload', function(){
  var $ = layui.jquery
  ,upload = layui.upload;
  //多文件列表示例
  var demoListView = $('#demoList')
  ,uploadListIns = upload.render({
    elem: '#testList'
    ,url: '/gssxsb/applytest/component/fileupload.do'
    ,accept: 'file'
    ,multiple: false
    ,auto: true
    ,bindAction: '#testListAction'
    ,done: function(res, index, upload){
      var str = JSON.stringify(res);
      alert(str);
      if(res.code == 0){ //上傳成功
          var tr = $(['<tr id="upload-'+ index +'">'
                      ,'<td>efwfweffewfwef</td>'
                      ,'<td>100kb</td>'
                      ,'<td>等待上傳</td>'
                      ,'<td>'
                        ,'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">刪除</button>'
                      ,'</td>'
                    ,'</tr>'].join(''));
                    demoListView.append(tr);
        var tr = demoListView.find('tr#upload-'+ index)
        ,tds = tr.children();
        tds.eq(2).html('<span style="color: #5FB878;">上傳成功</span>');
        return delete this.files[index]; //刪除文件隊列已經上傳成功的文件
      }
      this.error(index, upload);
    }
    ,error: function(index, upload){
      alert('剛纔的文件上傳失敗,請重上傳!');
      var tr = demoListView.find('tr#upload-'+ index)
      ,tds = tr.children();
      tds.eq(2).html('<span style="color: #FF5722;">上傳失敗</span>');
    }
  });
});
</script>

 

 

通過如上耳朵js獲取到的 res 剛開始打印不出來,結果通過兩步打印出來了

 

首先通過   alert(typeof(res)); 獲取res的類型無敵 object

然後通過

var str = JSON.stringify(res);
      alert(str);

就可以將 後臺返回的json字符串彈出來

 

參考地址:

https://www.cnblogs.com/yucheng6/p/9747313.html

https://www.cnblogs.com/fps2tao/p/8723164.html

 

https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=1&rsv_idx=1&tn=baidu&wd=js%E5%B0%86object%E8%BD%AC%E4%B8%BAstring&oq=js%25E8%25BE%2593%25E5%2587%25BA%25E5%25AF%25B9%25E8%25B1%25A1%25E7%259A%2584%25E7%25B1%25BB%25E5%259E%258B&rsv_pq=cd91efce000743ca&rsv_t=0b7b6YYj1ME0MOxbnVTPPzowJZ9pvXi7kjaO%2BEBlA3WK0%2FcFv60eQKtFcDw&rqlang=cn&rsv_enter=1&rsv_dl=ts_2&inputT=7320&rsv_sug3=76&rsv_sug1=43&rsv_sug7=100&rsv_sug2=0&prefixsug=js%25E5%25B0%2586object%25E8%25BD%25AC%25E4%25B8%25BA&rsp=2&rsv_sug4=11280

 

https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=js%E8%BE%93%E5%87%BA%E5%AF%B9%E8%B1%A1%E7%9A%84%E7%B1%BB%E5%9E%8B&oq=js%25E5%25B0%2586json%25E5%25AF%25B9%25E8%25B1%25A1%25E8%25BD%25AC%25E6%258D%25A2%25E6%2588%2590%25E5%25AD%2597%25E7%25AC%25A6%25E8%25BE%2593%25E5%2587%25BA%25E5%25AF%25B9%25E8%25B1%25A1%25E7%259A%2584%25E7%25B1%25BB%25E5%259E%258B&rsv_pq=991b3bd200027fd0&rsv_t=8a47uV5popVzyz7yizdq5%2Fljf8363%2BRPpIVItqktuF%2BNxv1AIg9%2BYLfJlcY&rqlang=cn&rsv_enter=1&rsv_dl=tb&inputT=234&rsv_sug3=54&rsv_sug1=28&rsv_sug7=000&rsv_sug2=0&rsv_sug4=3179&rsv_sug=1

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章