2011-11-16 98 views
11

因此,我试图从外部文件加载纯文本到我的页面,并且我不断收到标题中的错误。我究竟做错了什么? (我完全按照教程!)谢谢。节点无法插入层次结构中的指定点

HTML

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
<script src="ajax.js"></script> 
</head> 

<body> 
<input id="button" type="button" value="Load" /> 

<div id="content"></div> 
</body> 
</html> 

JQuery的

$("#button").click(function(){ 
    $.ajax({ 
     url:"AjaxRequest.html", 
     success:function(data) { 
     $("#content").html(data); 
     } 
    }); 
}); 

编辑:这是显然没有成功。不知道为什么,该文件就在它旁边。

+0

我猜测,在$就调用你的成功函数返回的数据是一个完整的页面(在一个标签它)。您需要返回在标记内有效的html。 –

+0

本教程不会在body标签中显示它。 当我把标签放入它仍然无法加载。 – Ber53rker

+0

@ user1026288这不是约翰所说的。您需要插入在文档正文*内有效的内容。这意味着它不能包含''或'',那些不可嵌套。 – hobbs

回答

31

尝试指定一个数据类型:

$("#button").click(function(){ 
    $.ajax({ 
     url:"AjaxRequest.html", 
     dataType:'html', 
     success:function(data) { 
     $("#content").html(data); 
     } 
    }); 
}); 
+2

这工作得很好!谢谢! – Ber53rker

+2

它帮助我修复FF中的错误。谢谢。 – Nolesh

1

尝试

$("#content").append('<p>'+data+'</p>'); 
+0

显然,它甚至没有击中那条线。没有取得成功。 – Ber53rker