pop-up loading again and again in dashboard page - php

Question

My purpose is when a user order a product need to get a notification in the dashboard page. Now the notification is getting . when i click Ok, let me check button in the dashboard its go to order listing page. but the problem is when i back to the dash baord the same order notication will coming. i need once i click, when i click Ok, let me check button the same order pop-up will not show
my Ajax
<script>
setInterval(function () {
$.get({
url: '{{route('get-order-data')}}',
dataType: 'json',
success: function (response) {
let data = response.data;
if (data.new_order > 0) {
playAudio();
$('#popup-modal').appendTo("body").modal('show');
}
},
});
}, 1000);
function check_order() {
location.href = '{{route('admin-order-pending')}}';
}
Function in Laravel
public function order_data()
{
$new_order = DB::table('orders')->where(['checked' => 0])->count();
return response()->json([
'success' => 1,
'data' => ['new_order' => $new_order]
]);
}
Pop-up code in dashboard
<div class="modal" id="popup-modal">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="col-12">
<center>
<h2 style="color: rgba(96,96,96,0.68)">
<i class="tio-shopping-cart-outlined"></i> You have new order, Check Please.
</h2>
<hr>
<button onclick="check_order()" class="btn btn-primary">Ok, let me check</button>
</center>
</div>
</div>
</div>
</div>
</div>

Answer 1

try this..
<script>
setInterval(function () {
$.get({
url: '{{route('get-order-data')}}',
dataType: 'json',
success: function (response) {
let data = response.data;
if (data.new_order > 0) {
playAudio();
$('#popup-modal').appendTo("body").modal('show');
}
$('#popup-modal').appendTo("body").modal('none');
},
});
}, 1000);
function check_order() {
location.href = '{{route('admin-order-pending')}}';
}
Function in Laravel
public function order_data()
{
$new_order = DB::table('orders')->where(['checked' => 0])->count();
return response()->json([
'success' => 1,
'data' => ['new_order' => $new_order]
]);
}
Pop-up code in dashboard
<div class="modal" id="popup-modal">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="col-12">
<center>
<h2 style="color: rgba(96,96,96,0.68)">
<i class="tio-shopping-cart-outlined"></i> You have new order, Check Please.
</h2>
<hr>
<button onclick="check_order()" class="btn btn-primary">Ok, let me check</button>
</center>
</div>
</div>
</div>
</div>
</div>
enter code here