현재 jquery ajax 함수를 사용하는 프로젝트를 진행하고 있습니다. 버튼을 클릭할 때 Ajax 함수가 서버에 있는 파일의 일부 텍스트를 표시하기를 원하지만 버튼을 클릭하면 아무 작업도 수행되지 않습니다. 오류 메시지를 추가해 보았지만 그것도 작동하지 않는 것 같습니다. Ajax 기능을 지원하는 jquery 버전을 사용했고, 작동하는 소스에서 코드를 복사하여 붙여넣기도 했지만 아무 것도 작동하지 않는 것 같습니다.

내 자바 스크립트 파일

텍스트 파일을 표시하고 싶은 페이지

window.onload=loadDoc(); $(document).ready(function(){ // the function that should be getting called $("#accountInfo").click(function(){ $.ajax({url: "accountPerks.txt", error: function(xhr, status, error) { var err = eval("(" + xhr.responseText + ")"); alert(err.Message); }, success: function(result){ $("#perksDiv").text(result); }}); }); }); //everything below here are functions for separate pages $(document).ready(function(){ $("#member1Info").click(function(){ $("#BandMember1").css("visibility", "visible"); }); }); $(document).ready(function(){ $("#member2Info").click(function(){ $("#BandMember2").css("visibility", "visible"); }); }); $(document).ready(function(){ $("#member3Info").click(function(){ $("#BandMember3").css("visibility", "visible"); }); }); function newAlbum(){ var node = document.createElement("li"); var textNode = document.createTextNode("aaaaallllpxas(2023)"); node.appendChild(textNode); document.getElementById("albumList").appendChild(node); $("#sneakPeak").css("visibility", "hidden"); } var getAlbum = document.getElementById("sneakPeak"); getAlbum.onclick=function(){ newAlbum(); } function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function(){ if(xhttp.readyState == 4 && xhttp.status == 200){ document.getElementById("ExtraText").innerHTML = xhttp.responseText; } }; xhttp.open("GET", "TourInfo.txt", true); xhttp.send(); }