javascript - 如何使用Ajax在特定时间后重新加载/刷新 'id'？

Question

我想从可以获取更新数据库的位置重新加载/刷新表 ID。但问题是整个页面会重新加载，而不是仅刷新表。但我在这里捕获了“id”。如果有人罚款的话，ajax 的问题是什么？希望能帮助我找到它..

我在这里使用 Laravel :

这是我的观点部分:

<table class="table table-striped table-bordered dataTable" id="example">
<thead>
    <tr>
        <td>Serial No</td>
        <td>Title</td>
        <td>Description</td>                    
        <td>Action</td>
    </tr>
</thead>
<tbody>
    <?php $i=1; ?>
    @foreach($items as $row)
    <tr>
        <td>{{$i}}</td>
        <td class="title" data-id1="{{$row->id}}" contenteditable>{{$row->title}}</td>  
        <td class="description" data-id2="{{$row->id}}" contenteditable>{{$row->description}}</td>  
        <td>    
            <button type="button" onclick="deleteItem({{ $row->id }})" class="btn btn-danger">Delete</button>
        </td>
    </tr>
    <?php $i++; ?>
    @endforeach
</tbody>
</table>

这是带有 Ajax 部分的 JavaScript:

<script>
function autoRefresh_div()
{
    $("#example").load(ajax());// a function which will load data from other file after x seconds
}
function ajax(){
    $.ajax({  
        url:"{{url('listA')}}",  
        method:"get",                                                       
        success: function(result) {
           location.reload();
        } 
    }); 
}
setInterval('autoRefresh_div()', 2000); // refresh div after 5 secs
</script>   

这是路线部分:

Route::get('listA',function(Request $request){
    $items=\App\Item::all();
    return Response::json($items);  
});

Answer 1

给你，这取决于你是否想要在成功之后或之前这样做。

setInterval(function()
{
  $('#YOUR DIV').load(document.URL +  ' #YOUR DIV');
}, 30000);