ajaxj獲取到的資料怎麼放入表格中

2019-12-12 05:57:07

我們經常使用ajax來獲取遠端資料，然後把資料顯示在網頁上的，如果你獲取到的資料需要放入表格中，你知道怎麼操作嗎？下面來看一下。

為了方便dom操作，我們使用jquery外掛庫，所以先引入jquery指令碼。

在html裡我們先建立一個表格，表格只有一個錶頭，然後有一行資料。

然後在ajax呼叫裡，在success回撥裡把資料顯示在表格裡。

我們的邏輯是先迴圈ajax返回來的資料。

在迴圈裡，把資料格式化為一個tr，td的html字串，然後放到我們上面定義的陣列變數裡。

然後把這個字串陣列拼接後（join方法），通過jquery的append插入到表格的最後面。（假設返回的資料json格式如注釋的一樣，是三個物件，）

我們執行頁面，等到ajax呼叫返回後，可以看到頁面的表格就插入了這三行資料了。