Обновление данных без отправки внутреннего запроса xhr jQuery

Question

Мне нужно обновить уведомление, если есть какие-либо изменения в базе данных без замедления всего сайта, поэтому я сделал это:

HTML:

<div id="myid">{{ $db_data }}</div>

Внутренний запрос (с использованием Laravel):

$db_data = App\Marks::where(["subject_id" => 2])->pluck("marks")->first();
return view("myView", compact('db_data));

jQuery запрос каждую секунду:

setInterval(function() {
    $('#myid').load(location.href + " #myid");
    console.log("refreshed");
}, 1000);

Основная проблема здесь заключается в его замедлениивниз по всему сайту, отправляя запросы каждую секунду.

Кто-то рекомендовал мне использовать сокеты, но я не очень хорош в JavaScript, поэтому мне нужно простое и универсальное решение.

Answer 1

Предлагаю вам попробовать выучить Laravel Broadcast .Хотя это займет много времени, но оно того стоит.

Это самый эффективный способ сделать ваше приложение в реальном времени.Вы можете запустить запрос, только если что-то меняется в вашей базе данных, а не каждую секунду.