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);

Answer 2

由于location.reload();，整个页面都会刷新。请尝试以下代码。

＆＃13;

function autoRefresh_div() {
  $.ajax({
    url: "{{url('listA')}}",
    method: "get",
    success: function(result) {
      $("#example").html(result);
    }
  });
}

setInterval(autoRefresh_div(), 5000); // refresh div after 5 secs

＆＃13;

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

2 个答案: