1. 程式人生 > >將後臺資料以List返回到HTML介面

將後臺資料以List返回到HTML介面

    現階段在做畢設,現在遇到的問題是我想把後臺從資料庫中取出的資料傳到前端HTML頁面,而且是List<E>集合,其中E我又是定義的一個video類,目的就是想在前端不同的地方輸出不同的屬性。


    video的定義就是資料庫中的幾個欄位:video{title,address,c_id}。


    controller中程式碼如下:


                int c_id=01;
Video video=new Video();
List<Video> videolist = new ArrayList<>();

try {
videolist=courseServiceImpl.getVideoList(c_id);
}catch (ApplicationException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
   剛開始不能將Video物件返回到前端去,是因為我沒有定義video,也就是少寫了一行程式碼
Video video=new Video();
   導致在前端始終沒法輸出video.title欄位,提示我沒有相關定義。


  HTML中的程式碼如下:


        <script th:inline="javascript">
        var arr = [[${videolist}]];
        arr.forEach(function(e) {
          document.write(e.title);
        })
   </script>
這部分呼叫了forEach函式,能把從後臺獲得的videolist迴圈遍歷輸出。