反思编写页面追加页面元素的方法,目的:加快开发速度 节省开发时间 需求:点击搜索清空表格内容进行增加新的数据行
生活随笔
收集整理的這篇文章主要介紹了
反思编写页面追加页面元素的方法,目的:加快开发速度 节省开发时间 需求:点击搜索清空表格内容进行增加新的数据行
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?想要實現的需求:一點擊搜索? 使用ajax進行追加表單?
表格的框架一定要跑搭建好:
表格內容的部分使用tbody就可以用? ?表頭使用的thead?
<table border="1"><thead><tr><td>表頭</td><td>表頭</td></tr></thead><tbody><tr><td>內容</td><td>內容</td></tr></tbody></table>?
//進行置空 增加數據行的時候防止有舊的 重復的 $("#car_table tbody").html("");$(data.res).each(function (k, v) {content = '<td>' + v.id + '</td>' +'<td>' + v.order_no + '</td>' +'<td>' + v.plateNumber + '</td>' +'<td>' + v.orderTime + '</td>' +'<td>' + v.station_name + '</td>' +'<td>' + v.checkTime + '</td>' +'<td>' + v.uname + '</td>' +'<td>' + v.umobile + '</td>' +'<td>' + v.status + '</td>';one_html = '<tr>' + content + '</tr>';all_html = all_html + one_html; });//進行追加$("#car_table tbody").append(all_html);總結
以上是生活随笔為你收集整理的反思编写页面追加页面元素的方法,目的:加快开发速度 节省开发时间 需求:点击搜索清空表格内容进行增加新的数据行的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 北上广深为何出现人口负增长现象?
- 下一篇: Yii的查询搜索函数find findA