Моя функция load () в jQuery не работает - PullRequest
Новая
       1

Моя функция load () в jQuery не работает

0 голосов
/ 13 марта 2020

Я пытаюсь загрузить внешний файл HTML в div. Я попытался использовать функцию load() в jQuery, но она не работает. Вот мой код: 

<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#content').load("1.html");
        });
    </script>
</head>

<body>
    <div id="content"></div>
</body>

</html>

и это "1. html": 

<html>

<head>
</head>

<body>
    <p>This is demo text.<p>
</body>

</html>

1 Ответ

1 голос
/ 14 марта 2020

Прежде всего, вы не можете загружать локальные файлы с JavaScript таким образом из-за проблем безопасности. Как сказал @ZorgoZ, вы должны использовать локальный веб-сервер, например Apache httpd или http-сервер для Node.js.

Если вам действительно нужно загрузите файл внутри веб-страницы, почему бы не использовать <iframe>? 

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<iframe id="content" src="1.html"></iframe>

</body>
</html>

Вы не можете получить доступ к DOM внутри <iframe> s, но это лучше, чем ничего.

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

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

...