Je travaille actuellement sur un projet utilisant les fonctions jquery ajax. Je veux juste que la fonction ajax affiche du texte à partir d'un fichier sur le serveur lorsqu'on clique sur un bouton, mais lorsque je clique sur le bouton, cela ne fait rien. J'ai essayé d'ajouter un message d'erreur mais cela ne semble pas fonctionner non plus. Je me suis assuré d'utiliser une version de jquery qui prend en charge la fonctionnalité ajax, j'ai même copié et collé du code à partir d'une source dont je sais qu'elle fonctionne, mais rien ne semble fonctionner.
Mon fichier de script 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(); }
La page sur laquelle je souhaite que le fichier texte apparaisse
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
Utilisez une seule fonction de document, si vous utilisez trop de fonctions $(document), seule la dernière fonction sera renvoyée dans la réponse.
et utilisez les autres fonctions que vous souhaitez exécuter qui seront chargées dans la fonction window.load