Загрузить код в HTML, используя JQuery? - PullRequest
Новая
       5

Загрузить код в HTML, используя JQuery?

3 голосов
/ 06 февраля 2011

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

В моем теге head: 

<script type="text/javascript" src="jquery-1.5.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $("#test").load("test.html");
        } );
</script>

В моем теге body: 

<div id="test"></div>

Мой внешний код (внутри 'test.html ") 

<div>This is what you should be seeing!</div>

Разве это не должно работать? Кроме того, в моем внешнем HTML-документе, мне нужно настроить его со всеми дополнительнымитеги, чтобы документ выглядел следующим образом: 

<html>
    <head>
        <title>
        </title>
    </head>
    <body>

<div>This is what you should be seeing!</div>
</body>
</html>

Все мои файлы находятся в одном каталоге.

Спасибо.

Ответы [ 3 ]

1 голос
/ 06 февраля 2011

Ну, ваш код должен работать на веб-сервере!Пожалуйста, дайте мне знать, если вы делаете это со своего рабочего стола. 

<script src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    $("#test").load("./test.html"); //  also try /test.html
    } );
</script>
<div id="test"></div>
1 голос
/ 06 февраля 2011

Простой 

$.get('test.html', function(data) {
    $('#test').html(data);
});

.load () имеет другую функцию для привязки обработчиков событий к событию загрузки

UPDATE:

Чтобы добавить введенные данные, замените попробуйте добавить 

$('body').append(data)
0 голосов
/ 06 февраля 2011

Используйте необязательный селектор после URL, чтобы только поместить содержимое <body> (или что-то еще) в цель: 

   // will load the contents of test.html's body-element into #test  
   $("#test").load("test.html body");
...