ajax中的target用法,AJAX中的event.target

function showSkills(event,str) {

xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

event.target.parentElement.parentElement.parentElement.nextElementSibling.innerHTML = this.responseText;

}

};

xmlhttp.open("POST","skills.php",true);

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xmlhttp.send("q=" + str);

event.target.parentElement.parentElement.parentElement.nextElementSibling.style.display = "block";

}

该块diplayed，所以代码的最后一行是好的，但我不能发布$q。我知道问题出在哪里，但我不知道如何解决它： 如果我把document.getElementById("skills").innerHTML = this.responseText;而不是event.target.parentElement.parentElement.parentElement.nextElementSibling.innerHTML = this.responseText;一切正常，但只适用于

bla bla

bla bla

和sport.php代码：

include 'cookies.php';

if ($_SERVER["REQUEST_METHOD"] == "POST") {

if (isset($_POST['q'])) {

$q = $_POST['q'];

}}

?>

if (isset($q)) {

$result = mysqli_query($con, 'SELECT ' .$language. ' FROM sports WHERE name1="' .$q. '" LIMIT 1');

} else {

$result = mysqli_query($con, 'SELECT ' .$language. ' FROM page WHERE title="selSport1" LIMIT 1');

}

$row = mysqli_fetch_row($result);

print_r($row[0]);

?>

$sportlist = mysqli_query($con, 'SELECT * FROM sports WHERE title = "sports" ORDER BY ' .$language. ' ASC');

while ($row = mysqli_fetch_array($sportlist)) {

echo '

οnclick="showSport(event, this.value); showSkills(event, this.value);"

<?php echo ' style="border:0;">' . $row[$language] . '

';

}

?>

所以showSport()被调用后，与$q值的按钮在sport.php diplayed。这适用于两个div ID：sport和sport2以及。另一个功能showSkills()应在

或

中打开skill.php，并在$q后打开。该部分已打开，但没有$q里面。 任何想法？会帮助我很多。

+0

添加到您的html也 –

+0

@Vineesh现在我做到了。但希望是清楚的。 –