У меня есть 2 очень похожих представления, которые отображаются, когда пользователь просматривает следующие URL-адреса:
www.example.com/admin/categories
www.example.com/admin/users
Первое представление:
<div class="admin-tabs">
<p class='admin-tab' data-tab='categories'>Categories</p>
<p class='admin-tab' data-tab='users'>Users</p>
</div>
<div class="admin-container">
@foreach($categories as $category)
<p>$category->name</p>
@endforeach
</div>
Второе представление:
<div class="admin-tabs">
<p class='admin-tab' data-tab='categories'>Categories</p>
<p class='admin-tab' data-tab='users'>Users</p>
</div>
<div class="admin-container">
@foreach($users as $user)
<p>$user->username</p>
@endforeach
</div>
Я успешно реализовал вызов AJAX, который срабатывает, когда администратор щелкает по любому из элементов <p>
с классом admin-tab
.Этот вызов AJAX определяет, по какому элементу <p>
был выполнен щелчок, на основе вкладки данных и обновляет HTML-содержимое div с классом admin-container
.
Вот что я не могу понять:
Если я нахожусь на URL www.example.com/admin/categories
, я хочу обновить div-контейнер admin с тем, что находится внутри div-контейнера adminвторое представление.
И наоборот, если я нахожусь на URL www.example.com/admin/users
, я хочу обновить div-контейнер admin с тем, что находится внутри div-контейнера admin первого изображения.
Я мог бы сделать это, создав 2 представления, которые содержат:
Первое представление:
@foreach($categories as $category)
<p>$category->name</p>
@endforeach
Второе представление:
@foreach($users as $user)
<p>$user->username</p>
@endforeach
А затем просто вернуть одно изоднако эти 2 представления, таким образом, я буду создавать дополнительные представления с повторяющимся кодом, который у меня уже есть где-то еще.Есть ли способ избежать этого, получив код из уже существующих представлений?