用前端框架去給表格賦值簡直不要太容易和簡單。但是原生js就會復雜一些了。特別是按鈕事件的那個(“ )和 (’)特別讓人腦瓜子疼。

最近做了一個功能，里面用的就是原生js實現(xiàn)。

寫在js里面的代碼：(用的ajax請求將文件保存到服務器，返回的數(shù)據(jù)遍歷到table)1?function?方法名()?{?2?$.ajax({?3?????????????type:?'POST',?4?????????????url:?'路徑‘?5?????????????data:?Data,?6?????????????processData:?false,?7?????????????contentType:?false,?8?????????????success:?function?(data)?{?9?????????????????if?(data?!=?null)?{10?????????????????????var?fileTable?=?data.FileTableList;11?????????????????????$("#TbData").empty();12?????????????????????for?(var?i?=?0;?i?

寫在HTML的代碼：

操作th>文件名稱th>上傳人th>上傳工號th>上傳時間th>

tr>

thead>

tbody>table>

我這里做的是有個上傳文件的功能。可以對其文件進行刪除和下載。

效果圖如下：

總結(jié)

以上是生活随笔為你收集整理的手写table用ajax遍历,原生js把数据循遍历到前端table的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。