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

【问题标题】：Auto refresh an another page when new data is added Laravel 5.8 Ajax添加新数据时自动刷新另一个页面 Laravel 5.8 Ajax
【发布时间】：2020-01-12 22:54:31
【问题描述】：

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

用于 call.blade.php 的 UI

wintwo.blade.php 的用户界面

控制器存储代码

$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>

它不起作用。我已经搜索了很多并尝试了，但没有任何效果。

【问题讨论】：

您可以向我们展示您尝试过的内容，这样我们就可以避免尝试同样的事情。
代码块排列

标签： javascript php ajax laravel laravel-5.8

【解决方案1】：

您必须使用 Web Socket 服务，例如 Pusher https://pusher.com/docs

【讨论】：

【解决方案2】：

您可以使用 Laravel WebSockets 之类的 Socket 编程或将 node.js 与 socket.io 包一起使用。带有 Node.js 的 Socket.io 很容易学习。 https://socket.io/get-started/chat

【讨论】：

是的，使用 node.js 来观察数据库中的变化，如果发现变化，用 jquery 刷新页面，如果你想使用 laravel web socket，那可能会很困难。
我还有最后一个问题。是否也可以在 socket.io 中进行文本转语音？比如号码更新的时候也有语音一起宣布一个号码？
可能是，或者在您的项目中使用 Google 语音输入 API，
好的。现在我已经阅读了你上面的链接。我一直在寻找如何集成socket.io和laravel