javascript - 如何正确渲染页面 Laravel？

Question

首先，我想说我正在使用 Laravel 5.1，而且我是 Laravel 的新手。

我从网站发出通知，用户收到网站上的各种操作后将其存储在数据库中。但我有一个问题。

当我点击按钮时，使用 $.post 进行处理并且写道，如果用户单击该按钮，他应该在站点 block $('#notifications').html(data) 中收到通知，但是当我单击按钮时，站点 block 会删除所有过去的通知并变为空。

我在 Controller 的功能:

Notify::create(
    [
    'id' => $last_id + 1,
    'user_id' => $this->user->id,
    'title' => 'Notification',
    'message' => 'Test '.Request::get('operation').'',
    'status' => '1',
    ]);
$user_notifications = \DB::table('notifications')->where('user_id', $this->user->id)->orderBy('id', 'desc')->get();
return view('includes.notifications', compact('user_notifications'))->render();

我的JS:

$('.calc-place').click(function () {
    var operation = $(this).attr('data-type');
        $.post('/getNotify', function (data) {
            console.log(data);
            $('#notifications').html(data)
        });
});

在浏览器控制台我有__proto__: Object .

Console screenshot

但是这个结果没有在 <div id="#notifications"> 处渲染.

我的问题出在哪里？我该如何解决这个问题？如果您需要更多信息，我随时准备提供。

Answer 1

不要使用 $('#notifications').html(data)，而是使用 $('#notifications').append(data)