使用ajax更新数据表

时间:2015-03-05 06:58:07

标签: java ajax jsp spring-mvc datatables

我正在使用spring MVC 4和蒲公英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!!!";

这样做有简单的方法吗?

谢谢, 麦克

1 个答案:

答案 0 :(得分:0)

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

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

非常感谢!