загрузки содержимого HTML в DIV

Я пытаюсь загрузить содержимое из другого файла HTML в мой существующем HTML-файл с помощью JQuery .loadзагрузки содержимого HTML в DIV

Но, к сожалению, она не загружается содержимым.

Пожалуйста, предложите мне подходящее решение.

Вот мой существующий HTML и JQuery для загрузки содержимого из внешнего HTML файла

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Review</title> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    </head> 
    <body> 
      <ul class="reviews" id="revw"> 

      </ul> 
    </div> 
    <script> 
    function check(){ 
$("#revw").load("review_list.html #test"); 
} 
    </script> 
    </body> 
    </html>

страницу, с которой мы должны загрузить содержимое

<html> 
<head></head> 
<body> 
<div id='test'> 
Load this content to the id="revw" div. 
</div> 
</body> 
</html>

источник

2013-09-20 Sowmya

Вы не вызывая функцию 'чек()' в любом месте .. – techfoobar

@techfoobar обновил код – Sowmya

Вы не вызывая функцию check() в любом месте.

Попробуйте это:

... 
<script> 
function check() { 
    $("#revw").load('review_list.html #target'); 
} 
$(document).ready(function() { 
    check(); // call the function 
}); 
</script> 
...

источник

2013-09-20 05:41:44 techfoobar

я попробовал это, но не работает .. '$ (документ) .ready (function() { check(); $ ("#revw") .load ("review_list.html #test"); }); ' – Sowmya

Я делаю это в локальных и простых файлах html – Sowmya

I верьте, что это поможет: http://en.wikipedia.org/wiki/Cross-origin_resource_sharing – techfoobar

Пожалуйста, обратитесь по ссылке:

Load one page in to another using Jquery

Он имеет Подробный разбор вашей проблемы

Delayed loading of a html page using jquery

Оба они будут решать probelm.

источник

2013-09-20 05:46:16 seshan

Попробуйте использовать $.get.

$(document).ready(function() { 
    $.get('review_list.html') 
      .success(function(data) { 
       $('#revw').html(data); 
      }); 
    });

Ваш HTML страница

<div id='test'> 
Load this content to the id="revw" div. 
</div>

источник

2013-09-20 05:57:05 raduns

'XMLHttpRequest не может загрузить файл: /// D: /V_2/review_list.html. Происхождение null не разрешено Access-Control-Allow-Origin. 'Я получаю эту ошибку, когда вижу в контроле элемент cosole (chrome). Содержимое не загружается – Sowmya

Вы не можете загружать или отправлять сообщения без веб-сервера. Для вас работают только простые html-файлы (i.e) Нет xmlHttpRequest будет работать без веб-сервера. – raduns

Я использую только простой файл html. У меня есть только эти 2 файла в моей папке, но я не загружаю контент? Нужно ли загружать файлы на сервер, чтобы получить результат? – Sowmya

ответ

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