Javascript 无法单击通过ajax功能加载的内容
目前,我无法使用ajax加载第二个内容。实际上,我已经使用ajax加载了第一个内容。为了转到第二个内容,我需要调用ajax函数,但是在我单击使用ajax加载第二个内容之后,它就不起作用了。我已经检查了我的代码,如果我直接调用第二个ajax函数,它可以正常工作,除非在ajax不再工作之后调用第一个ajax函数。有没有办法解决这个问题 这是第一个ajax代码:Javascript 无法单击通过ajax功能加载的内容,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,目前,我无法使用ajax加载第二个内容。实际上,我已经使用ajax加载了第一个内容。为了转到第二个内容,我需要调用ajax函数,但是在我单击使用ajax加载第二个内容之后,它就不起作用了。我已经检查了我的代码,如果我直接调用第二个ajax函数,它可以正常工作,除非在ajax不再工作之后调用第一个ajax函数。有没有办法解决这个问题 这是第一个ajax代码: function showMusic(str) { if (str == "") { document.getElementById
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();
}
}
$(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文件中
这是第二个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();
}
}
$(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>";
echo”“$行['CDTitle']。"";
在过去的两天里,我一直试图解决这个问题,但我无法解决它。有些人说这是一个错误。但是我真的不知道是什么导致了这个问题。提前感谢。“我需要调用ajax函数,但在我使用ajax单击加载第二个内容后,它不起作用”是您应该单击的按钮,以便在第一个内容(相册)上显示艺术家详细信息?如果是的话,你在哪里订阅了onclick事件的按钮?我怀疑实际上。。。事实上,如果我在1.php上有一个ajax函数,我是否也必须在1.php上创建第二个ajax函数,或者我可以在不同的php文件中创建?我不太记得它是如何与php一起工作的,但是如果您可以引用这两个文件,那么使用单独的文件应该不会有问题。我认为问题在于未定义的值“echo”$行['CDTitle']。""; ` 我认为这是未定义的。我可以知道如何获取td标签的值吗