javascript - 添加新数据时自动刷新另一个页面 Laravel 5.8 Ajax

Question

我一直在搜索并尝试如何在更新数据时刷新另一个页面或 Blade 文件。就我而言，每当我单击 call.blade.php 中的 Call Next 按钮时，wintwo.blade.php 中的数据就会更新或更改。

用于 call.blade.php 的用户界面

wintwo.blade.php 用户界面

Controller 存储代码

$call = Call::find($request->id);
$call->user_id = Auth::user()->id;
$call->counter_id = Auth::user()->counter_id;
$call->called = 'YES';
$call->save();

return response()->json($call);

call.blade.php javascript代码

<script type="text/javascript">
$('#update').click(function(){
    $.ajax({
        type:'post',
        url: 'updatecall',
        data:{
            '_token':$('input[name=_token]').val(),
            'id':$('input[name=call_id]').val(),
        },
        success:function(data){
            window.location.reload(); 
            setInterval(function() {
                $('#update').load('{{ action('DetailController@index') }}');
            }, 1000);
        },
    });
}); </script>

wintwo.blade.php javascript代码

<script type="text/javascript">
    $(document).ready(function () {
        window.setTimeout(function () {

            window.location.href = '/queue'; // "/queue" is the url route for wintwo.blade.php

        }, 2000);

    }
</script>

这是行不通的。我进行了很多搜索和尝试，但没有任何效果。

Answer 1

你必须使用像 Pusher 这样的 Web Socket 服务 https://pusher.com/docs