使用 ajax 更新数据表答案

【问题标题】：Updating datatables with ajax使用 ajax 更新数据表
【发布时间】：2015-05-06 11:08:42
【问题描述】：

我正在使用 spring MVC 4 和 dandelion jsp 数据表。

我希望每 X 秒更新一次表格列中的一列（进度百分比），而无需重新加载整个页面（可能通过 ajax）。

更新应该每 X 秒引用一次控制器，获取请求的数据并使用结果更新列。

我尝试为外部 div（不在表格内）添加一个简单的 ajax 作为开始，但它似乎损坏了表格：

<script>
function testAjax() {
    $.ajax({
        url : 'ajaxtest.html',
        success : function(data) {
            $('#result').html(data);
        }
    });
}

<script>
    var intervalId = 0;
    intervalId = setInterval(testAjax, 6000);
</script>

<body>
    <div id="result">123</div>
    <div class="container-table">
    <datatables:table id="listRecordsModel" data="${listModel}" row="record"  cssClass="table table-hover table-striped table-bordered" cellspacing="2" scrollX="120%" 
                        theme="bootstrap2" pageable="true" info="true">
                        <datatables:column title="Record ID" property="recordId"/>
.
.
.

控制器：

@RequestMapping(value = "/ajaxtest", method = RequestMethod.GET)
public @ResponseBody
    String getTime() {
    System.out.println("------------------------------------random");////////////////////
    return "WORKS!!!";

有简单的方法吗？

谢谢，迈克

【问题讨论】：

我没有看到字符串 123 正在更改为 WORKS!!!。表格变宽（全屏），scrollX 消失，一段时间后内存似乎已满。似乎它在做某事（虽然我没有看到控制器的系统打印）。
可能是由于传入的html设计。检查它的css。

标签： java ajax jsp spring-mvc datatables

【解决方案1】：

我发现了问题 - html 文件的路径错误，并且遇到了控制器中的初始方法，因此页面每 6 秒从头开始加载。

我将url : 'ajaxtest.html', 替换为url : '../../ajaxtest.html',。

还是谢谢！

【讨论】：