Question

所以我正在尝试将外部文件中的纯文本加载到我的页面中，并且我一直在标题中收到错误。我究竟做错了什么？（我完全按照教程！）谢谢。

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);
      }
    });
 });

编辑：显然没有成功。不知道为什么，文件就在它旁边。

Answer 1

尝试指定dataType：

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

Answer 2

试

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

无法在层次结构中的指定点插入节点

2 个答案: