jquery ajax() 함수가 제대로 작동하지 않거나 인식되지 않습니다.

Question

현재 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();
}

Answer 1

1개의 문서 함수만 사용하세요. $(document) 함수를 너무 많이 사용하면 마지막 함수만 응답으로 반환됩니다.

으아악

window.load 함수에 로드되는 실행하려는 다른 기능을 사용하세요