Контент не загружается в div с использованием JavaScript - PullRequest
Новая
       3

Контент не загружается в div с использованием JavaScript

1 голос
/ 18 июля 2011

Почему содержимое файла "body.html" не загружается в раздел "section2"? 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<script src="jquery-1.6.2.min.js"></script>
<script language='javascript' type='text/javascript'>
$(document).ready(function(){
  alert("Document ready");  

        $.get("body.html", function(data){
            alert("Data Loaded: ");
            $("#section2").html(data);
        });
});

</script>

</head>
<body>

<div id="section2">

</div>

</body>
</html>

body.html: 

Content for all!

Оба оповещения сработали.

Заранее спасибо!

Ответы [ 4 ]

1 голос
/ 18 июля 2011

Ознакомьтесь с документацией jQuery.get .Похоже, что jQuery пытается помочь вам, отправляя данные обратно в виде документа JS XML, когда вам действительно нужен HTML.Попробуйте $.get(<url>, null, <successFunc>, "html") (подробнее об этих параметрах см. Документацию по методу $.ajax)

1 голос
/ 18 июля 2011

Проблема заключается в том, что тип содержимого заголовка ответа должен быть "text / html" при вызове body.html.

Чтобы избежать ошибок, используйте: 

$.ajax({
    url:"body.html",
    dataType: "text/html",
    success: function(data){
        $("#section2").html(data);
    }
});

или 

$.get("body.html",function(data){
        $("#section2").html(data);
    }
, "text/html");

или 

$("#section2").load("body.html");
1 голос
/ 18 июля 2011

я бы использовал load () вместо 

 $("#section2").load("body.html")

EDIT - я видел, что $ .get также работает с двумя параметрами, поэтому я просто оставляю load () advice

0 голосов
/ 18 июля 2011

Это сработало для меня ...

Все, что я сделал, это ссылку на внешний jquery и изменил файл, который я вызывал ... 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
<script language='javascript' type='text/javascript'>
$(document).ready(function(){
  alert("Document ready");  

        $.get("serverTime.php", function(data){
            alert("Data Loaded: ");
            $("#section2").html(data);
        });
});

</script>

</head>
<body>

<div id="section2">

</div>

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

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

...