Загрузить основной контент с помощью AJAX - PullRequest
Новая
       1

Загрузить основной контент с помощью AJAX

3 голосов
/ 06 июня 2019

У меня есть панель навигации div на всех моих страницах .html.Чтобы не копировать, вставьте штрих-код на каждую страницу. Я создал HTML-страницу с кодом, и я печатаю ее на каждой странице с помощью jquery следующим образом: 

<div id="includeNavbar"></div>

И код, который нужно распечататьэто: 

$(function(){
      $("#includeNavbar").load("navbar.html"); 
});

Есть ли способ сохранить панель навигации загруженной и загрузить оставшееся содержимое с помощью jquery, но все еще используя этот тип печати?

Я использую последнюю версиюBootstrap версия

1 Ответ

1 голос
/ 06 июня 2019

Ваш код - это простой способ загрузить файл HTML в другой HTML-файл. так держать.

А также вы можете изменить тип файла html на php, а затем вы можете include или require, который вы хотите разместить.

Как это

нав-bar.php 

<ul class="nav">
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>

А ваша Main.php страница, где вы хотите другую страницу.

main.php 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<?php require 'nav-bar.php'?>   


</body>
</html>

Надеюсь, вы найдете ответ. :)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...