я могу загрузить только один раздел на странице, используя settimeout, но макет страницы разрушается во время процесса - PullRequest
Новая
       10

я могу загрузить только один раздел на странице, используя settimeout, но макет страницы разрушается во время процесса

1 голос
/ 01 октября 2019

Я хотел загрузить только раздел div в разделе заголовка лезвия laravel, но всякий раз, когда я использую функцию setTimeout javascript, чтобы загрузить этот раздел после установки inerval, макет моей страницы находится в беспорядке.

Я пробовал установить время ожидания и функцию setinterval, но одна и та же проблема возникает снова и снова.

секция заголовка 

<li class="dropdown dropdown-notification nav-item" >
    <div id="reload1">
        <a class="nav-link nav-link-label" href="#" data-toggle="dropdown"><i class="ficon ft-bell"></i>
        <span class="badge badge-pill badge-default badge-danger badge-default badge-up badge-glow">{{$countNot}}</span>
        </a>
        <ul class="dropdown-menu dropdown-menu-media dropdown-menu right">
            <li class="dropdown-menu-header">
                <h6 class="dropdown-header m-0">
                    <span class="grey darken-2">Notifications</span>
                </h6>
                <span class="notification-tag badge badge-default badge-danger float-right m-0">{{$countNot}} New</span>
            </li>
            <li class="scrollable-container media-list w-100" >
                @foreach($userAll as $user)
                @if($user->notifications)
                @foreach ($user->notifications as $notification)
                @if(!$notification->read_at)
                <a href="{{route('show.order')}}">
                    <div class="media">
                        <div class="media-left align-self-center"><i class="ft-plus-square icon-bg-circle bg-cyan"></i></div>
                        <div class="media-body">
                            <h6 class="media-heading">You have new order!</h6>
                            <p class="notification-text font-small-3 text-muted">Order number is {{$notification->data['show']}}</p>
                        </div>
                    </div>
                </a>
                @endif
                @endforeach
                @endif
                @endforeach
            </li>
            <li class="dropdown-menu-footer"><a class="dropdown-item text-muted text-center" href="javascript:void(0)">Read all
                notifications</a>
            </li>
        </ul>
    </div>
</li>

функция тайм-аута для перезагрузки div 

setTimeout(function(){ 
$('#reload1').load(location.href); },10000);
end function

[Устаревание] Синхронный запрос XMLHttpRequest в основном потоке устарел из-за его пагубных последствий для конечного пользователя. Для получения дополнительной справки проверьте https://xhr.spec.whatwg.org/. Исключение Query.Deferred: Невозможно прочитать свойство 'set' из неопределенного TypeError: Невозможно прочитать свойство 'set' из неопределенного Uncaught TypeError: Невозможно прочитать свойство 'set' из неопределенного

...