Question

为什么“body.html”文件中的内容未加载到“section2”-div中？

<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!

触发两个警报。

提前谢谢！

Answer 1

我使用load（）代替

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

编辑 - 我看到$ .get也可以使用两个参数，所以我只留下load（）建议

Answer 2

问题是，在调用body.html时，响应标头内容类型必须是“text / 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");

Answer 3

查看jQuery.get文档。看起来jQuery正试图通过将数据作为JS XML文档发回来帮助您，当您真正想要HTML时。请尝试$.get(<url>, null, <successFunc>, "html")（有关这些参数的更多信息，请参阅$.ajax方法的文档）

Answer 4

这对我有用......

我所做的只是链接到外部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>

内容未使用javascript加载到div中

4 个答案: