Javascript 如何使用Ajax和Laravel显示用户配置文件

Javascript 如何使用Ajax和Laravel显示用户配置文件,javascript,jquery,ajax,laravel,laravel-5,Javascript,Jquery,Ajax,Laravel,Laravel 5,我想在用户提交评论后(立即)显示用户配置文件图片(图像),我已经正确设置了关系,在我使用Laravel时它工作得非常好,但现在我想使用Ajax从数据库实时显示它。那么,如何在用户提交评论后立即显示个人资料图片呢 控制器 public function userRatingavatar($id){ { $products = Product::where('id','=',$id)->with('reviews.user')->get();

我想在用户提交评论后(立即)显示用户配置文件图片(图像),我已经正确设置了关系,在我使用Laravel时它工作得非常好,但现在我想使用Ajax从数据库实时显示它。那么,如何在用户提交评论后立即显示个人资料图片呢

控制器

  public function userRatingavatar($id){
    {
        $products = Product::where('id','=',$id)->with('reviews.user')->get();
        foreach ($products as $product)
        {
            foreach ($product->reviews as $review){
                echo  $review->user->avatar; //The data here is 1577015097(the image)
            }
        }
    }
}
路线

阿贾克斯


函数userRatingavatar(){
$.ajax({
键入:“获取”,
url:“{{route('
userRating.avatar',$id)}}',
成功:功能(数据){
$('#userRatingavatar').html('');
设置超时(userRatingavatar,1000);
}
});
}
userRatingavatar();
Html


也许这就是原因

添加Ajax

async: false
<script >
function userRatingavatar() {
    $.ajax({
        type: "GET",
        url: '{{route('
        userRating.avatar ', $id)}}',
        success: function(data) {
            $('#userRatingavatar').html('<img src="/uploads/avatars/'+data+'style="" alt="">');
            setTimeout(userRatingavatar, 1000);
        }
    });

  }
userRatingavatar();
</script>
<span id="userRatingavatar"></span>
async: false