如图 我想点击下拉列表的时候刷新下面这个表格的数据
js代码如下 请问怎么当获取数据后不为空怎么刷新 table
function selectfund() {
var selectfund = $("#selectfund_id").val();
$.post("?", { type: "selecfund", selectfund: selectfund },
function (data) {
if (data != null) {
}
})
}
要刷新的表
<table class="data" width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<%-- <th style='width:5%;text-align:center'>
全选<input type="checkbox" id="select" />
</th>--%>
<th style='width:5%;text-align:center'>
序号
</th>
<th style='width:7%;text-align:center'>
自编号
</th>
<th style='width:7%;text-align:center'>
缴费时间
</th>
<th style='width:7%;text-align:center'>
交款单位
</th>
<th style='width:7%;text-align:center'>
缴费项目
</th>
<th style='width:8%;text-align:center'>
款项类别
</th>
<th style='width:8%;text-align:center'>
实收金额
</th>
<th style='width:9%;text-align:center'>
缴费单号
</th>
<th style='width:7%;text-align:center'>
经办人
</th>
<th style='width:10%;text-align:center'>
操作
</th>
</tr>
</thead>
<tbody>
<%=content%>
</tbody>
</table>
异步刷新实现过程方案:
1、清空table中的数据
2、用模版引擎如mustache等,或者直接用拼html语句方式,然后渲染到table里面即可
js用的不多 很多不会能给段代码吗?
看你用的好像是控件吧,直接后台刷新好了,不然麻烦
是HTML 没控件在里面
可以使用jquery的模板来实现,jquery-tmpl.js之类的都行
一列列拼字符串绑定,要不就做替换
异步Jquery,查询后触发table的重新加载即可。