Jquery ajax调用成功时将整个当前页面加载到div中答案

【问题标题】：Jquery ajax call loads entire current page in div on successJquery ajax调用成功时将整个当前页面加载到div中
【发布时间】：2023-03-28 02:11:02
【问题描述】：

当使用 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>

【问题讨论】：

在浏览器的调试工具中，检查网络选项卡中的 AJAX 请求。请求的 URL 是您所期望的吗？服务器响应的内容是什么？
您能否使用提供的代码调用按钮单击？此外，您在控制台中获得了什么？
在 DevTools 控制台中检查 test.txt 是否有 404 错误。如果是这样，请将其放入实际文件夹中。
该 URL 不是我所期望的。我使用了绝对路径并且它有效！谢谢

标签： jquery html css ajax

【解决方案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>

【讨论】：