jQuery ajax调用成功加载div中的整个当前页面

Question

使用ajax单击按钮时，我试图将内容从简单的外部文件加载到div中。文本文件仅在

标记中包含一段文本。单击该按钮时，文本不会加载到div中，而是将当前页面的全部内容加载到div中。

这是我的代码的一部分：

<a class="button" id="fav">Add</a>
			
<div id="div1">Div 1: </div>

<script>
jQuery("#fav").click(function(){
  jQuery.ajax({
    url: "test.txt", 
    success: function(result){
      jQuery("#div1").html(result);
    }
  });
});
</script>

Answer 1

您需要设置dataType。

<script>
jQuery("#fav").click(function(){
  jQuery.ajax({
    url: "test.txt",
    dataType: "html", //html, json, raw etc
    success: function(result){
      jQuery("#div1").html(result);
    }
  });
});
</script>