Включая HTML-страницу в HTML-страницу с помощью jQuery

Я включаю HTML-страницу с именем test.html на веб-странице. Как показано ниже:Включая HTML-страницу в HTML-страницу с помощью jQuery

<head> 
    <meta charset="utf-8"> 
    <title>load demo</title> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
</head> 
<body> 

<b>Content I want to Include is here: </b> 
<div id="success"></div> 


<script> 
$("#success").load("test.html", function(response, status, xhr) { 
    if (status == "error") { 
    var msg = "Sorry but there was an error: "; 
    $("#success").html(msg + xhr.status + " " + xhr.statusText); 
    } 
}); 
</script> 

</body> 
</html>

я получаю чтение ошибки:

Sorry but there was an error: 0 NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file://machd/.../HTML/test.html'.

Что означает эта ошибка? И как лучше всего это решить?

источник

2015-05-29 Tomi

ли это [ранее вопрос] (http://stackoverflow.com/ вопросы/28453213/failed-to-execute-send-on-xmlhttprequest) help? –

Вам нужен сервер для работы ajax. Попробуйте xampp или аналогичные решения, если у вас их нет – monxas

Локальные файлы ('file: // ...'), как правило, не работают для приложений xhr, попробуйте локальный сервер dev. – swornabsent

Я согласен с swornabsent и monxas выше.

Этот код работает без проблем при загрузке и просмотре страницы на сервере.

источник

2015-05-29 15:05:27 Tomi

Может быть, вы можете попробовать:

Дайте абсолютный путь к test.html в качестве аргумента и отладки

источник

2015-05-29 15:23:11

Единственный браузер, который позволил АЯКС запросы через файл: // протокол был старый IE и был удален из-за проблем с безопасностью. Ваш код будет отлично работать на любом веб-сервере, таком как XAMPP или UWAMP. просто запустить Uwamp, поставить YOUT проект в папку WWW и открытым http://localhost

источник

2015-05-29 15:50:52

Вы можете использовать угловых JS для включения другого файла HTML

Читать документы здесь

https://docs.angularjs.org/api/ng/directive/ngInclude

Пример:

<div class="container"> 
    <div ng-include="'filename.htm'"></div> 
</div>

источник

2015-05-29 16:01:27

легкий способ ...

1> Добавить файл JS и включают в себя код

<script src="https://www.w3schools.com/lib/w3data.js"></script> 

    <script> w3IncludeHTML();</script>

2> Просто позвоните в HTML-файл, как например

<div w3-include-html="h1.html"></div>

источник

2017-03-21 06:55:39

Включая HTML-страницу в HTML-страницу с помощью jQuery

ответ

Смежные вопросы