如何在 laravel 7 框架中使用 ajax 自动刷新我的页面

Question

我在 content.blade.php

中使用此代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js" type="text/javascript"></script>
                <script type="text/javascript">
                    var auto_refresh = setInterval(
                        function () {
                            $('#load_content').load('/like').fadeIn("slow");
                        }, 10000);
                </script>


<div id="load_content"></div>

在我的路线中，web.php 我把这段代码

Route::get('/like', function(){
    return view('likes');
});

这是likes.blade.php

@if (Route::has('login'))


                <?php 

                 $id = auth()->user()->id;
                 $like = Like::find($id);
                 if ($like == null)
                {

                ?>


 <button type="button" class="btn btn-default btn-sm"><i class="far fa-thumbs-up"></i> Like</button>
                <?php } 
                else { ?>
                 <button type="button" class="btn btn-default btn-sm"><i class="far fa-thumbs-down"></i> Dislike</button>
                <?php } ?>
 @endif

但是当我运行使用 artisan serve 的代码时，我的页面中没有任何变化。我不知道如何在我的代码中使用 ajax，我应该将加载页面放在我的 ajax 脚本中的什么位置？

Answer 1

您应该使用 axios 或 ajax 从 /like url 请求数据并在每个定义的时间将 setInterval 设置为运行并加载更新的内容

Answer 2

这就是您的 ajax 通话效果。

$.ajax({
    url: '/like',
    type: 'get',
    success:function(data){
      //your desired code here
      $('#load_content').fadeIn("slow");
    }

})

如何在 laravel 7 框架中使用 ajax 自动刷新我的页面

how to use ajax for auto refresh my page in laravel 7 framework

javascript

php

ajax

laravel

laravel-7