0
Я знаю, что многие будут знать об этом примере.данные ajax на разные вкладки
<html>
<head>
<script>
function showUser(str) {
if (str == "") {
document.getElementById("txtHint").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("txtHint").innerHTML = xmlhttp.responseText;
}
}
// getuser.php is seprate php file. q is parameter
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
}
}
</script>
</head>
<body>
<form>
<select name="users" onchange="showUser(this.value)">
<option value="">Select a person:</option>
<option value="1">Peter Griffin</option>
<option value="2">Lois Griffin</option>
<option value="3">Joseph Swanson</option>
<option value="4">Glenn Quagmire</option>
</select>
</form>
<br>
<div id="txtHint"><b>Person info will be listed here...</b></div>
</body>
</html>
Но представьте себе, у меня есть разные вкладки на этой странице. Внутри которого есть разные варианты div txtHint, такие txtHome, txtMenu1, txtMenu2 и т. Д. И нажатие на эти divs должно извлекать различные страницы php через javascript, такие как "gethome.php?q="+str
и "getmenu1.php?q="+str
, а также .. то как это сделать ?? пожалуйста, помогите
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#menu1">Menu1</a></li>
<li><a data-toggle="tab" href="#menu2">Menu2</a></li>
<li><a data-toggle="tab" href="#menu3">Menu3</a></li>
<li><a data-toggle="tab" href="#menu4">Menu4</a></li>
</ul>
\t \t \t \t \t \t \t \t \t \t \t
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>HOME</h3>
<div id="txtHome">
</div>
</div>
<div id="menu1" class="tab-pane fade">
\t \t \t \t \t \t \t \t \t \t \t \t <h3>Menu1</h3>
<div id="txtMenu1">
</div>
</div>
<div id="menu2" class="tab-pane fade"> \t \t \t \t \t <h3>Menu2</h3>
<div id="txtMenu2">
</div>
</div>
<div id="menu3" class="tab-pane fade"> \t \t \t \t \t <h3>Menu3</h3>
<div id="txtMenu3">
</div>
</div>
<div id="menu4" class="tab-pane fade"> \t \t \t \t \t <h3>Menu4</h3>
<div id="txtMenu4">
</div>
</div>
</div>
, но как это будет работать внутри showUser fucntion ??? –