ajax刷新table里的内容,Ajax动态局部刷新table表格内容——jQuery代码示例

Ajax动态局部刷新table表格内容——jQuery代码示例

发布时间：2019-04-02 01:37,

浏览次数：2161

, 标签：

Ajax

table

jQuery

这是我的table表格，内容部分加了个Id=”tabletext“ ,用于后续获取数据覆盖区域

align="center" border="0">

任务ID 用户名 最后运行时间 数据包完成数量 数据包入库数量 状态

id="tabletext">

@Html.DisplayFor(modelItem => item.taskId)

@Html.DisplayFor(modelItem => item.userName)

@Html.DisplayFor(modelItem => item.lastStartTime)

@Html.DisplayFor(modelItem => item.finishDataPacketNum)

@Html.DisplayFor(modelItem => item.finishRecordNum)

@Html.DisplayFor(modelItem => item.taskStatus)

先写一个js更新table的方法，数据是假的，这个看起来就是Ajax的效果，也就是局部刷新。

js很简单，找到id=test的表格内容部分，直接用$(”#“).html()替换table里的内容

@section Scripts