目前,我无法使用ajax加载第二个内容。实际上,我已经使用ajax加载了第一个内容。为了转到第二个内容,我需要调用ajax函数但是在我点击使用ajax加载第二个内容之后它不起作用。我已经检查了我的代码,如果我直接调用第二个ajax函数,它工作正常,除非我调用第一个ajax函数之后,ajax不再工作。有没有办法解决这个问题。
这是第一个ajax代码:
function showMusic(str) {
if (str == "") {
document.getElementById("albums").innerHTML = "";
return;
} else {
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("albums").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET","getAlbums.php?q="+str,true);
xmlhttp.send();
}
}
以上功能有效。上面的函数是在另一个php文件
这是第二个ajax代码:
$(document).ready(function(){
function showArtistDetails(str) {
if (str == "") {
alert("hi");
document.getElementById("artist").innerHTML = "";
return;
} else {
if (window.XMLHttpRequest) {
alert("hi1");
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
alert("hi2");
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("artist").innerHTML = xmlhttp.responseText;
alert("hi3");
}
};
xmlhttp.open("GET","getArtist.php?title="+str,true);
alert("hi4");
xmlhttp.send();
alert("hi5");
}
}
$("#clickme").click(showArtistDetails);
});
这是另一个php文件的php代码:
echo "<td id=\"clickme\">" . $row['CDTitle'] . "</td>";
过去两天我一直试图解决这个问题,但我无法解决。有些人说这是一个错误。但我真的不知道是什么导致了这个问题。提前谢谢。