jquery ajax() 함수가 제대로 작동하지 않거나 인식되지 않습니다.
현재 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();
}