Как включить данные из другого HTML в другой без PHP - PullRequest
0 голосов
/ 25 марта 2012

Это мой первый вопрос, поэтому постарайтесь сделать все возможное, чтобы вы могли его лучше понять ... Итак, моя проблема в том, что я хочу загружать меню и нижние колонтитулы из внешнего HTML-файла, чтобы потом было легче изменить их.Я не могу использовать php или другие серверные языки, потому что это для школы, и я использую его с флешки.

Мой текущий код выглядит так:

<head>
    <title>SchoolStuff</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
    <div id="header">
        <p>[Stuff here]</p>
    </div>
    <script > 
     $("#header").load("/header.html #header"); 
    </script> ...


ив header.html это выглядит так:

<body>
<div id="header">
    <ul>
      <li><a href="#"> Just a Test</a></li>
    </ul>
 </div>

Так у вас, ребята, есть идеи, как это сделать?Не имеет значения, решаете ли вы это чем-то другим, кроме jquery, но это не может быть языком на стороне сервера.И IFrame не работает для такого рода целей, потому что я не хочу всю страницу.Я просто хочу конкретные детали.

РЕДАКТИРОВАТЬ: хорошо, похоже, это просто не будет работать в Chrome (что действительно странно), так что если у вас есть какие-либо идеи, чтобы заставить его работать в Chrome тожебыло бы признательно
РЕДАКТИРОВАТЬ 2: Я решил разместить свой сайт в Интернете, чтобы всем было проще ...

Ответы [ 2 ]

1 голос
/ 25 марта 2012

Это должно работать:

<script > 
$(function(){
     $("#header p").load("header.html"); 
})
</script>
0 голосов
/ 25 марта 2012

Без использования серверных технологий я не верю, что это возможно. JavaScript придерживается той же политики происхождения, и при загрузке файлов по протоколу file:// источник, на мой взгляд, устанавливается на null.

В моем тестировании я получаю сообщение об ошибке: Origin null is not allowed by Access-Control-Allow-Origin. Это заставляет меня поверить, что вы не можете загружать файлы из локальной файловой системы (маленькая белая ложь , это может помочь ).

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