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

【问题标题】：how to use ajax for auto refresh my page in laravel 7 framework如何在 laravel 7 框架中使用 ajax 自动刷新我的页面
【发布时间】：2020-04-28 10:24:56
【问题描述】：

我在 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 脚本中的哪个位置？

【问题讨论】：

标签： javascript php ajax laravel laravel-7

【解决方案1】：

这就是一个好的 ajax 调用对你来说应该是什么样子的。

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

})

【讨论】：

【解决方案2】：

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

【讨论】：