Saya sedang mengusahakan projek menggunakan fungsi ajax jquery. Saya hanya mahu fungsi ajax memaparkan beberapa teks daripada fail pada pelayan apabila butang diklik, tetapi apabila saya mengklik butang itu ia tidak melakukan apa-apa. Saya cuba menambah mesej ralat tetapi itu nampaknya tidak berfungsi sama ada. Saya telah memastikan untuk menggunakan versi jquery yang menyokong fungsi ajax, malah saya telah menyalin dan menampal kod daripada sumber yang saya tahu berfungsi, tetapi tiada apa yang nampaknya berfungsi.
Fail skrip java saya
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(); }
Halaman yang saya mahu fail teks dipaparkan
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
Gunakan hanya 1 fungsi dokumen, jika anda menggunakan terlalu banyak fungsi $(document), hanya fungsi terakhir akan dikembalikan dalam respons.
dan gunakan fungsi lain yang anda ingin jalankan yang akan dimuatkan dalam window.load function