我目前正在开发一个使用 jquery ajax 函数的项目。我只是希望 ajax 函数在单击某个按钮时显示服务器上文件中的一些文本,但当我单击该按钮时它什么也不做。我尝试添加错误消息,但这似乎也不起作用。我已经确保使用支持 ajax 功能的 jquery 版本,我什至从我知道有效的来源复制并粘贴了代码,但似乎没有任何效果。
我的java脚本文件
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();
}
我希望文本文件出现在的页面
CMP204 Unit Two Coursework Template
User Profile
";
?>
// this button should display the text from the server
// the text from the server should be showing in this paragraph
Here are all the gigs you have attended
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
仅使用 1 个文档函数,如果您使用太多 $(document) 函数,则响应中只会返回最后一个函数。
$(document).ready(function(){ //use one doc ready and do your code in this })并使用您想要运行的其他函数将在 window.load 函数中加载