JQuery AJAX вызов загружает всю текущую страницу в Div в случае успеха

Question

Я пытаюсь загрузить контент из простого внешнего файла в div при нажатии кнопки с помощью ajax. Текстовый файл просто содержит абзац текста в теге

. Когда кнопка нажата, текст не загружается в 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>